.main {width:1200px;margin:0 auto;overflow: hidden;position: relative;}
@media only screen and (min-width:1200px) {
.mztop{width:1050px;height:40px; overflow: hidden; line-height:40px; position: absolute; top:0; float:left;margin-left:190px;border-bottom: 2px solid #eee;}
.roll {width:400px;height:30px;float:left;overflow:hidden;margin-top:5px;}
.roll em{float:left;font-size:45px;line-height:30px; margin-right:8px; color:#1282e7}
.roll ul li{width:96%;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:16px;line-height:16px;margin-top:8px;}
.mztop .mztopr{display: block;float:right;line-height:40px;}
.mztop .shang{float: left;font-size:16px; margin-right:30px;position: relative;}	
.mztop .shang .icon-hot{position: absolute;left: -35px;top:0px; animation: myfirst-hot 2s infinite; font-size:16px; color:#00CCCC}
.mztop .special{float: left;font-size:16px; margin-right:30px;}
.mztopr span{display:block;overflow: hidden; width: 117px;height: 30px;background: #0C95FF;margin-top: 5px;border-radius: 3px;float:left; margin-right:40px;}
.mztopr span a{font-size: 14px;color:#fff;width: 50%;text-align: center;float: left;height: 12px;line-height: 12px;margin-top:9px;cursor: pointer; border-left:1px solid #fff;}
.mztopr span:hover{ background:#0578d0}
}
.list{width:685px;float:left;margin-left:190px; margin-top:40px;}
.route{background: #f0f0f5;width: 100%;float:left; margin-top:20px; padding: 0 20px;line-height: 40px;border-radius: 2px; font-family:宋体;letter-spacing:2px;font-weight: bold}
.route a{font-family:微软雅黑;}
.title {width:100%;overflow:hidden;float:left;margin-top:25px;}
.title h1{font-size: 30px;color: #000;margin: 0;line-height: 1.4; font-weight:bold;}
.describe {width:100%;overflow:hidden;float:left; margin-top:25px;}
.describe ul li {float:left;margin-right:20px; line-height:20px;}
.describe ul li i{margin-right:5px;}
.describe ul li.deright{float:right; display:none;}
.guidereading {width:100%;float: left; background: #f8f8f8;padding: 10px 15px;margin-top:25px;color: #999;}
.textcontent {width:100%;display:block;overflow:hidden;float:left;line-height:30px;font-size: 16px;}
.textcontent p {line-height:30px;margin-top:20px;font-size: 16px;}
.textcontent b{font-weight:bold;}
.textcontent img {width:100%; height:auto; margin:0 auto; border-radius:4px;}
.textcontent table{text-align: center; margin: 0 auto;}
.textcontent strong{font-weight: bold;}
.textcontent table p{margin-top:0;}
.textcontent td{border:1px solid #eee; padding:5px;}
.commissioningeditor{font-size: 12px;padding: 10px 15px;color: #999;border: 0px solid #e0e0e0;border-radius: 2px;line-height: 1.5;margin-top:10px;}
.ok{width:100%;float:left;margin-top:10px;}
.keyword {width:600px;overflow:hidden;float:left;}
.keyword a {font-size: 14px;line-height: 26px;float: left;margin: 0 10px 10px 0;
padding: 0 13px;color: #999;border: 1px solid #e0e0e0;border-radius: 2px;font-weight: 400;}
.keyword a:hover{ color:#000;border: 1px solid #000;}
.bdsharebuttonbox{float:right;border: 1px solid #e0e0e0; padding:0 5px; border-radius:4px;}
.textpage{width:100%;overflow:hidden;float:left;margin-top:10px;background: #f9f9f9;padding:5px;}
.textpage ul li{width:50%;float:left;padding:10px; border:1px solid #f2f2f2;line-height: 22px;display: -webkit-box; height:60px;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
@media only screen and (max-width:640px) {
.textpage ul li{width:100%;}
}

.item{width: 100%;float: left;position:relative; margin-top:10px; margin-bottom:20px;}
.item .item-1{width:100%;float:left;padding:10px; margin-bottom:10px; border-radius: 5px;}
.item .item-1:hover{box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.15);}
.item .item-1 .img{display: block;width:156px;height:109px;float: left;overflow: hidden;margin-right:15px;border-radius: 5px; position: relative;}
.item .item-1 .img span{position: absolute;left: 5px;top: 5px;color: #e0e0e0;font-size: 12px;padding:0 10px;background: rgba(0, 0, 0, 0.6); line-height:25px;}
.item .item-1 .img img{border-radius: 5px;height:100%;}
.item .item-1 .mztit{font-size:18px;line-height:25px;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2; font-weight: bold; margin-top:25px;}
.item .item-1 p{line-height: 1.4;max-height: 1.4em;display: block;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp:1;color: #999; margin-top:10px;}
.item .item-1 span{ margin-top:8px;}
.item .item-1 span i{padding-right:5px;font-size: 12px;color: #666;}
.item .item-1 span em{padding-right:10px;font-size: 12px;color: #666;}
.item .item-1 span a{padding-right:10px;font-size: 12px;color: #666;}
.item .item-1 span .lanmu{padding-right:10px;color:#666;font-size: 12px;}
.item .item-1 .spanl{float:left;}
.item .item-1 .spanr{float:right;}
.item .item-1 .spanr i{font-size:16px;padding-right:10px;}
	
/*右边*/
.listr{width:300px;float:right; margin-top:40px;}
.cybox{width:100%;float: left; margin-top:20px;}
.cybox ul{ margin-right:-2%;}
.cybox ul li{width:48%;overflow: hidden; margin-right:2%; float: left;border-radius:4px; margin-bottom:5px;}
.cybox ul li a{display: block;overflow: hidden;width:100%;height:102.5px;float: left; position: relative;border-radius:4px; }
.cybox ul li a img{width:100%;height:102px;float: left}
.cybox ul li a:hover h3{display: block; width:100%;position:absolute;top:35px; left:0; padding:0 10px;line-height:20px; height:40px; display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2; color:#fff; z-index:10;}
.cybox ul li a:hover span{display: block; width:100%;height:102.5px;position:absolute;top:0;left:0; background: #000; opacity:.6;}

.cykb{width:100%; height:390px; position:relative;float:left;}
.cykb .bd li{width:100%;overflow: hidden; float: left; margin-top:10px;}
.cykb .bd li .cykb-1{width:100%;overflow: hidden; float: left;}
.cykb .bd li .cykb-1 span{color:#00CCCC;font-size:20px;}
.cykb .bd li .cykb-1 i{font-size:16px;font-style: normal;}
.cykb .bd li .cykb-1 em{color: #666; margin-left:1px;}
.cykb .bd li .cykb-1 a.cykb-1-a{font-size:19px;font-weight: bold; margin-left:20px;}
.cykb .bd li .cykb-1 a.cykb-1-b{ padding-left:50px; margin-top:5px; line-height: 25px;color: #8790A4;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.cykb .bd li .cykb-1 p{padding-left:50px;font-size: 12px;color: #999999;margin-top: 5px;}

.cykb .hd{width:270px;height: 34px;float: right;line-height: 34px;background: #F5F6F8;border-radius: 5px;}
.cykb .hd{text-align: center;}
.cykb .hd li{display:inline-block;width:20px; margin-left:10px; background: #fff;line-height:20px;color:#00CCCC;text-align: center;}
.cykb .hd li.on{background: #00CCCC; color:#fff;}
.cykb .next{margin-top:8px; display: block; float: left; position:absolute;right:50px;font-size:16px;line-height:20px; width:30px; height:20px; background: #fff; border-radius:4px; text-align: center;}
.cykb .prev{margin-top:8px;display: block; float: left; position:absolute;left:90px;font-size:16px;line-height:20px; width:30px; height:20px; background: #fff; border-radius:4px;text-align: center;}
.cykb .prev:hover,.cykb .next:hover{border:1px solid #00CCCC;}


.cyztwhao{width:100%;float: left;margin-top:10px;}
.cyztwhao ul li{width:100%; height:130px;float: left;overflow: hidden; margin-top:10px; position: relative;}
.cyztwhao ul li img{transition:all 0.6s;}
.cyztwhao ul li img:hover{transform:scale(1.15);}
.cyztwhao ul li span{display:block;height:35px;background-image: linear-gradient(rgba(0,0,0,0) 0,rgba(15,15,23,.74) 71%,#000 100%);position:absolute;bottom:0;width: 100%;left: 0;font-size:16px;color: #fff;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;padding: 5px 15px 0;z-index:1;}
.mztitle{width:100%;float: left;overflow: hidden;position: relative;margin-top:35px;padding-bottom:6px;}
.mztitle span{font-size:20px;color: #000; font-weight: bold;border-left:4px solid #00CCCC;padding-left:15px;line-height:1;}
.mztitle a{font-size:16px;position: absolute;top:0;right: 0;color: #999;}
.kuaixun{width:100%; float: left;margin-top:15px;}
.kuaixun ul{width:100%;float: left;border-left: 1px solid #e6d8d9;}
.kuaixun ul li{display: block;width:100%;float: left;padding-left:20px;position: relative;padding-bottom:10px;}
.kuaixun ul li a{display: block;width:100%;float: left;color:#333;font-size: 14px;line-height:25px;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-weight: bold;}
.kuaixun ul li a:hover{color:#00CCCC;}
.kuaixun ul li i{font-size: 16px;position: absolute;top:8px;left:-5px;border:2px solid #00CCCC;
width:9px;height:9px;border-radius: 50%;background: #fff;}
.kuaixun ul li:hover i{background: #00CCCC;}
.kuaixun ul li em{float: left;display: block; width:100%;font-size:12px;color: #999;padding-bottom: 3px;}

.mz1{width:100%;float: left; overflow: hidden; margin-top:10px; position: relative; border-radius:4px;}

.mz1 span{display:block;height:35px;background-image: linear-gradient(rgba(0,0,0,0) 0,rgba(15,15,23,.74) 71%,#000 100%);position:absolute;bottom:0;width: 100%;left: 0;color: #fff;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;padding: 5px 15px 0;z-index:1;}
.mz1 .p1{position: absolute; left:5px; top:5px; width:25px; z-index:1;}
.mz2{width:100%;overflow: hidden; float: left;}
.mz2 ul li{width:100%;overflow: hidden; float: left; margin-top:20px; position: relative;}
.mz2 ul li .mz2-1{width:100px;height:72px;overflow: hidden;float: left;display:block;background:#eee;margin-right:10px;border-radius:4px;}
.mz2 ul li .mz2-1 img{height:100%;}
.mz2 ul li .mz2-2{font-size:14px;font-weight: 400;line-height: 20px;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-weight:bold}
.mz2 ul li .mz2-2:hover{color:#00CCCC}
.mz2 ul li p{font-size: 12px;color: #999;}
.mz2 .p2{position: absolute; left:5px; top:5px; width:25px; z-index:1;}
.mz2 span{font-size: 16px;line-height: 18px;position: absolute;z-index: 2;top: 0;left: 0;padding: 0 8px;color: #fff;
background: rgba(0,0,0,.6);}
/*排行榜*/
.pinghang{width:100%; height:640px; overflow:hidden;float:left; margin-top:30px;}
.pinghang .hd{width:100%;overflow:hidden;float:left;padding-bottom:10px;}
.pinghang .hd h3{float: left;font-weight:bold;font-size:20px;line-height:22px;padding-left:10px; border-left:4px solid #00CCCC;}
.pinghang .hd ul{float:right;margin-right:-10px;}
.pinghang .hd ul li{float:left;border-right:1px solid #e9e9e9;font-weight:bold;padding:0 10px;font-size: 15px;line-height:24px;}
.pinghang .hd ul li.on{color:#00CCCC;}
.pinghang .bd{width:100%;overflow:hidden;float:left;position: relative; margin-top:12px;}
.pinghang .bd ul li{padding-left: 30px;overflow: hidden;position: relative;font-size: 14px;font-weight: 400;line-height: 20px;display: -webkit-box;overflow: hidden;height: 40px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;  margin-bottom:10px; font-weight: bold;}
.pinghang .bd ul li i{height:20px;width: 20px;line-height: 20px;
color: #666;position: absolute;left: 0px;background: #f0f2f5;display: table-cell;font-size: 12px;
text-align: center;vertical-align: middle;}
.pinghang .bd ul li i.bg1{background:#00CCCC; color:#fff;}
.pinghang .bd ul li i.bg2{background:#e34552; color:#fff;}
.pinghang .bd ul li i.bg3{background:#e0a3a8; color:#fff;} 

.classtabs li{float: left; margin: 10px; font-size: 16px ;width: 60px;height: 31px; border: 1px solid #00CCCC;text-align: center;border-radius: 10%; color: #FFFFFF;background:#00CCCC}
.classtabs li:hover{background:#FFFFFF}

@media only screen and (max-width:1200px) {
.disappear{display:none}
.main{width:100%;float: left;}
.list{width:100%;float: left;margin:0;padding:0 10px;}
.title{ margin-top:90px;}
.item .item-1{padding:20px 10px;}
.item .item-1 .img{width:100px;height:70px;float:right; margin-right:0; margin-left:5px;}
.item .item-1 .mztit{margin-top:5px;font-size:18px;letter-spacing: 3px;line-height:22px;height:44px;}
.item .item-1 p{display: none;}	
.item .item-1 span{margin-top:5px;}
.item .item-1 .spanr{display: none;}
.keyword {width:100%;overflow:hidden;float:left;}
.bdsharebuttonbox{float:inherit;position: relative; left:50%;margin-left:-75px;}
}
.footer {width: 100%;background:#2c3137;overflow:hidden;}
.footer .footerbox1 {max-width:1200px;overflow:hidden;margin:0 auto;text-align:center;color:#666;padding-bottom:15px;font-size:12px;}
.footer .footerbox1 a {color:#666;}
.footer .footerbox1 ul {margin-right:-5px;overflow:hidden;padding-top:15px;}
.footer .footerbox1 ul li{display:inline-block;border-right:1px solid #2c3137;height:15px;line-height:15px;padding:0 10px;}
/*置顶*/
#loutinav {position: fixed;bottom: 100px;right:50%; margin-right:-680px; display:none;}
#loutinav ul li.last {width:40px;height:40px;background: #030100;color: #fff;text-align: center;line-height:40px; border-radius:4px;opacity:.5}
#loutinav ul li.last:hover{ background:#00CCCC;}
@media only screen and (max-width:1200px){
.footer{background:#f4f4f7;}
#loutinav {bottom:100px;right:20px;margin-right:0;}
}