.library{margin-top: 30px;}
.library .left{width: 1200px;}
.library .left .nav{border-bottom: 2px #F2F2F2 solid;}
.library .left .nav a{display: block; float: left; padding: 10px 7px; font-size: 18px; line-height: 25px; color: #333333; position: relative;}
.library .left .nav span{float: left; display: block; color: #CCCCCC; padding: 10px 12px; line-height: 25px; font-size: 16px;}
.library .left .nav a span{padding: 0; line-height: normal;}
.library .left .nav a.cur span{padding: 0; line-height: normal; width: 100%; height: 2px; background: #F4523B; position: absolute; left: 0; bottom: -2px;}
.library .left .nav a:hover span{padding: 0; line-height: normal; width: 100%; height: 2px; background: #F4523B; position: absolute; left: 0; bottom: -2px;}
.library .cat{margin-top: 24px;}
.library .cat a{display: block; padding: 9px 16px; font-size: 16px; color: #666666; border: 1px #DCDCDC solid; border-radius: 4px; margin-right: 24px;}
.library .cat a:hover{background: #F4523B; border: 1px #F4523B solid; color: #ffffff;}
.library .cat a.cur{background: #F4523B; border: 1px #F4523B solid; color: #ffffff;}
.library .cat a.join{background: #F4523B; border: 1px #F4523B solid; color: #ffffff; margin-right: 0px;}
.library .cat a.join span{font-size: 14px; margin-right: 8px;}
.library .list{width: 1230px;}
.library .list .item{width: 222px; height: 300px; display: block; float: left; margin-top: 20px; margin-right: 20px; border: 1px #DCDCDC solid;}
.library .list .item:hover{box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);}
.library .list .item .pic{width: 100%; height: 222px; overflow: hidden;}
.library .list .item .pic img{width: 100%;}
.library .list .item .content{padding: 12px; text-align: center;}
.library .list .item .content .tit{font-size: 16px; color: #000000; height: 28px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis; width: 100%;}
.library .list .item .content .desc{font-size: 14px; color: #999999; height: 22px; line-height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis; width: 100%; margin-top: 8px;}

.service{border-top: 2px #F4523B solid; padding-top: 30px;}