.content-list ul li { width: 25%; float: left; padding-left: 15px; padding-right: 15px; }
.basic-service .content-list ul li a { display: block; width: 100%; height: 340px; position: relative; padding: 30px; }
.main-title { text-align: center; margin-bottom: 30px; }
.main-title p { font-size: 30px; font-weight: bold; color: #333; line-height: 1; margin-bottom: 10px; }
.main-title p.tips { font-size: 14px; color: #999; font-weight: normal; margin-top: 20px; line-height: 22px; }
.main-title span { font-size: 24px; display: block; color: #ccc; line-height: 1; margin-bottom: 20px; }
.main-title i { width: 30px; height: 2px; display: block; margin: 0 auto; background: #f25f05; }
.basic-padding { padding-top: 60px; padding-bottom: 80px; }
.basic-case ul li .text { width: 100%; height: 200px; background: #eaeeef; padding: 25px; font-size: 14px; color: #666; line-height: 22px; position: relative; margin-bottom: 50px; }
.basic-case ul li .text::after { content: ''; display: block; width: 1px; height: 1px; border-top: 25px solid #eaeeef; border-right: 25px solid transparent; border-bottom: 25px solid transparent; border-left: 25px solid transparent; transform: rotate(135deg); -moz-transform: rotate(135deg); position: absolute; left: 0; bottom: -20px; }
.basic-case ul li:hover .text { background: #f25f05; color: #fff; }
.basic-case ul li:hover .text:after { border-top: 25px solid #f25f05; }
.basic-case ul li .pic img { width: 70px; height: 70px; display: block; border-radius: 50%; float: left; }
.basic-case ul li .pic .pic-info { width: calc(100% - 70px); float: left; padding-left: 20px; }
.basic-case ul li .pic .pic-info p { font-size: 14px; font-weight: bold; color: #333; margin-top: 15px; line-height: 1; margin-bottom: 10px; }
.basic-case ul li:hover .pic .pic-info p { color: #f25f05; }
.basic-case ul li .pic .pic-info span { font-size: 14px; line-height: 1; display: block; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.basic-about .left-wrap { float: left; width: 50%; padding-right: 100px; }
.basic-about .left-wrap img { width: 100%; display: block; }
.basic-about .right-wrap { float: left; width: 50%; }
.basic-about .right-wrap .content p { font-size: 14px; line-height: 22px; color: #666; }
.basic-about .right-wrap .content a { width: 140px; height: 40px; color: #fff; display: block; background: #f25f05; text-align: center; line-height: 40px; font-size: 14px; margin-top: 40px; }
.about-title { padding-top: 30px; text-align: left; }
.about-title i { margin: 0; }
.basic-service .content-list ul li a .hover { position: absolute; left: 0; top: 100%; right: 0; bottom: 0; display: block; background: #f25f05; opacity: .8; transition: all .3s; }
.basic-service .content-list ul li:hover a .hover { top: 0; }
.basic-service .content-list ul li a .icon { width: 50px; height: 50px; position: absolute; left: 50%; margin-left: -25px; top: -50px; transition: all .5s; opacity: 0; }
.basic-service .content-list ul li:hover a .icon { top: 60px; opacity: 1; }
.basic-service .content-list ul li a .text { position: relative; z-index: 10; margin-top: 80px; transition: all .3s; }
.basic-service .content-list ul li:hover a .text { margin-top: 120px; }
.basic-service .content-list ul li a .text strong { display: block; font-size: 24px; font-weight: normal; color: #fff; text-align: center; }
.basic-service .content-list ul li a .text span { text-align: center; font-size: 14px; line-height: 24px; color: #fff; display: block; margin-top: 20px; }
.content-list .more { width: 140px; height: 40px; color: #999; display: block; background: #ddd; text-align: center; line-height: 40px; font-size: 14px; margin: 40px auto 0; }
.content-list .more:hover { color: #fff; background: #f25f05; }
.basice-team .content-list ul li .pic img { width: 100%; display: block; }
.basice-team .content-list ul li .text { margin-top: 15px; }
.basice-team .content-list ul li .name { font-size: 18px; color: #333; font-weight: bold; line-height: 1; margin-bottom: 10px; }
.basice-team .content-list ul li .tags { font-size: 14px; color: #999; line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news .tab-list ul { line-height: 0; text-align: center; margin-bottom: 30px; }
.news .tab-list ul li { display: inline-block; line-height: 44px; padding: 0 30px; background: #eee; margin: 0 5px; cursor: pointer; font-size: 16px; color: #666; }
.news .tab-list ul li.active { color: #fff; background: #f25f05; }
.news-content-list ul li { width: 50%; float: left; padding-left: 15px; padding-right: 15px; margin-bottom: 30px; }
.news-content-list ul li .time { width: 88px; height: 88px; padding: 15px; background: #eee; float: left; }
.news-content-list ul li .time p { font-size: 30px; font-weight: bold; line-height: 1; margin-bottom: 10px; color: #333; }
.news-content-list ul li .time span { font-size: 14px; color: #999; }
.news-content-list ul li .text { width: calc(100% - 88px); float: left; padding-left: 20px; }
.news-content-list ul li .text a { font-size: 18px; color: #333; font-weight: bold; line-height: 1; margin-bottom: 10px; display: block; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-top: 10px; }
.news-content-list ul li .text p { font-size: 14px; color: #666; line-height: 22px; }
.news-content-list .more { width: 140px; height: 40px; color: #999; display: block; background: #ddd; text-align: center; line-height: 40px; font-size: 14px; margin: 40px auto 0; }
.news-content-list .more:hover { color: #fff; background: #f25f05; }
@media only screen and (max-width: 760px) {
.content-list ul li { width: 50%; float: left; padding-left: 5px; padding-right: 5px; margin-bottom: 10px; }
.basic-case .content-list ul li { width: 100%; float: none; padding-left: 5px; padding-right: 5px; margin-bottom: 30px; }
.basic-case ul li .text { height: 120px; }
.content-list .more { width: 100%; height: 44px; color: #999; display: block; background: #ddd; text-align: center; line-height: 44px; font-size: 14px; margin: 40px auto 0; }
.basic-about .left-wrap { float: none; width: 100%; padding-right: 0; }
.basic-about .left-wrap img { width: 100%; height: 200px; object-fit: cover; display: block; }
.basic-about .right-wrap { float: none; width: 100%; }
.news-content-list ul li { width: 100%; float: none; padding-left: 5px; padding-right: 5px; margin-bottom: 10px; overflow: hidden; }
.news-content-list .more { width: 100%; height: 44px; line-height: 44px; }
.basic-padding { padding-top: 40px; padding-bottom: 50px; }
.basic-service .content-list ul li a { display: block; width: 100%; height: auto; min-height: 150px; position: relative; padding: 30px; }
.basic-service .content-list ul li a .text { margin-top: 60px; }
.basic-service .content-list ul li a .text span { display: none; }
.basic-service .content-list ul li a .text strong { display: block; font-size: 18px; font-weight: bold; }
.basic-service .content-list ul li a .icon { opacity: 1; top: 30px; }
}