.main{padding:38px 0;}
.main .mainNav{padding:50px 0;}
.main .mainNav:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.main .mainNav li{width:16.666%;height:43px;line-height:43px;text-align:center;background:#eaeaea;color:#656565;font-size:16px;cursor:pointer;float:left;}
.main .mainNav li{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.main .mainNav li a p{border-right:1px solid #fff;color:#656565;}
.main .mainNav li a p:hover{background:#0a62a6;color:#FFFFFF;}
.main .mainNav .hover{background:#0a62a6;color:#FFFFFF;}
.main .mainNav .hover a p{color:#FFFFFF;}


.main .content:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.main .content{position:relative;text-align:left;width:100%;}
.main .content .child{text-align:center;margin:0;padding:0 2% 40px 0;vertical-align:top;width:23.2%;display:inline-block;*display:inline;*zoom:1;}
.main .content .child:nth-of-type(4n){padding:0 0 40px 0;}
.main .content .child .title{color:#333;font-size:20px;line-height:28px;padding:12px 0;border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;}
.main .content .child .title{transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration:.3s; }
.main .content .child .info{color:#656565;padding:20px 0;line-height:24px;height:85px;overflow:hidden;font-size:14px; }
.main .content .child .info p{overflow : hidden;text-overflow: clip;display: -webkit-box;-webkit-line-clamp:3;}
.main .content .child .more{cursor:pointer;margin:0 auto;color:#878787;font-size:16px;background:#fff;width:142px;height:34px;line-height:34px;text-align:center;border:1px solid #dedede;border-radius:8px;-webkit-border-radius:8px;}
.main .content .child .more{transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration:.3s; }
.main .content .child:hover .title{color:#0a62a6;}
.main .content .child:hover .more{background:#0a62a6;color:#fff;border:1px solid #0a62a6;}
@media (max-width: 639px) {
.main{padding:20px 0;}

.main .mainNav{padding:20px 0;width:100%;}
.main .mainNav li{width:50%;height:30px;line-height:30px;font-size:14px;margin-bottom:1px;}

.main .content{width:100%;text-align:center;}
.main .content .child{padding:0 4% 18px 0;width:46%;}
.main .content .child:nth-of-type(2n){padding:0 0 18px 0;}
.main .content .child .title{font-size:15px;line-height:20px;padding:4px 0;}
.main .content .child .info{padding:16px 0;line-height:22px;height:66px;font-size:12px;}
.main .content .child .info p{height:70px }
.main .content .child .more{font-size:14px;width:120px;height:30px;line-height:30px;}
}
@media (min-width: 640px) and (max-width:1023px ) {
.main{padding:28px 0;}

.main .mainNav{padding:28px 0;}
.main .mainNav li{width:25%;height:36px;line-height:36px;font-size:14px;margin-bottom:1px;}

.main .content{width:100%;text-align:center;}
.main .content .child{padding:0 5% 30px 0;width:29.5%;}
.main .content .child:nth-of-type(3n){padding:0 0 30px 0;}
.main .content .child:nth-of-type(4n){padding:0 5% 40px 0;}
.main .content .child .title{font-size:18px;line-height:24px;padding:8px 0;}
.main .content .child .info{padding:16px 0;line-height:22px;height:66px;font-size:12px;}
.main .content .child .info p{height: 61px}
.main .content .child .more{font-size:14px;width:120px;height:30px;line-height:30px;}
}
@media (min-width: 1024px) and (max-width:1440px ) {
.main{padding:28px 0;}

.main .mainNav{padding:38px 0;}
.main .mainNav li{width:20%;height:36px;line-height:36px;font-size:14px;}

.main .content .child{padding:0 2% 40px 0;width:23.1%;}

}
@media (min-width: 1441px) and (max-width:1920px ) {

}