.sec1 { background: url(../images/bg_line.jpg) repeat; padding: 10px 0 30px; }
.sec1 li a { display: block; background: #fdfdfd; box-shadow: 0 0 10px rgba(0, 0, 0, .3); padding: 36px 52px 36px 40px; }
.sec1 ul li { width: 31%; float: left; padding: 30px 0 0; }
.sec1 ul li:nth-child(2), .sec1 ul li:nth-child(5), .sec1 ul li:nth-child(8), .sec1 ul li:nth-child(11), .sec1 ul li:nth-child(14), .sec1 ul li:nth-child(17), .sec1 ul li:nth-child(20), .sec1 ul li:nth-child(23), .sec1 ul li:nth-child(26), .sec1 ul li:nth-child(29){ margin: 0 3.5%; }
.sec1 ul li a { padding: 30px 10px 30px 25px; }
.sec1 ul li .text { width: 58%; }
.sec1 ul li .text h3 { font-size: 18px; margin-bottom: 10px; color: #444; line-height: 27px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sec1 ul li .text p { line-height: 28px; height:112px; font-size: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; width: 100%; }
.sec1 ul li .pho { width: 40%; }
.sec1 ul li span { width: 100px; line-height: 30px; font-size: 14px; }
.sec1 ul li span { display: block; width: 120px; line-height: 36px; border-radius: 18px; margin-top: 20px; color: #fff; background: #0b81de; text-align: center; font-size: 15px; }
 @media all and (min-width: 1024px) and (max-width:1600px) {
.sec1 ul li span { width: 100px; line-height: 34px; font-size: 14px; }
.sec1 ul li { width: 32%; }
.sec1 ul li:nth-child(2) { margin: 0 2%; }
.sec1 ul li .text h3 { font-size: 16px; margin-bottom: 7px; }
.sec1 ul li a { padding: 22px 5px 22px 20px; }
.sec1 ul li .text p { font-size: 14px; line-height: 26px; }
.sec .more a { width: 120px; font-size: 14px; line-height: 38px; }
}
 @media all and (min-width: 1024px) and (max-width: 1400px) {
.sec1 ul li { padding-top: 10px; }
.sec1 ul li .text p { line-height: 24px; }
.sec1 ul li .text p:nth-child(4) { height: 48px; overflow: hidden; }
.sec1 ul li span { margin-top: 10px; }
}
 @media all and (min-width: 1024px) and (max-width: 1366px) {
.sec1 ul li span { width: 90px; line-height: 26px; font-size: 13px; margin-top: 12px; }
.sec1 ul li .text h3 { font-size: 14px; }
.sec1 ul li span { font-size: 13px; }
.sec .more a { width: 100px; line-height: 32px; }
}
@media (max-width: 767px) and (min-width: 0) {
.sec1 ul { margin: 0 12px; }
}
 @media all and (min-width: 0) and (max-width: 767px) {
.sec1 ul li span { width: 90px; line-height: 30px; border-radius: 15px; margin-top: 12px; font-size: 14px; }
.sec1 { background: url(../images/bkbg_line.jpg) repeat; }
.sec1 li a { display: block; background: #fdfdfd; box-shadow: 0 0 10px rgba(0, 0, 0, .3); padding: 15px 10px; }
.sec1 ul li { width: 100%; float: inherit; padding: 15px 0 0; }
.sec1 ul li:nth-child(2) { margin: 0 0%; }
.sec1 ul li a { padding: 20px 12px; }
.sec1 ul li .text { width: 63%; float: left; }
.sec1 ul li .text h3 { font-size: 16px; margin-bottom: 5px; }
.sec1 ul li .text p { line-height: 22px; font-size: 13px; }
.sec1 ul li .pho { width: 35%; float: right; }
.sec1 ul li span { width: 90px; line-height: 30px; font-size: 14px; }
}