@charset "UTF-8";
.services__list li a { display: box; /* OLD - Android 4.4- */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ }

.services__list li a { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; /* IE 10 */ -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.services__list li a { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

/* 文章模块 */
.mod-art { position: relative; padding: 20px; margin-top: 15px; background: url(../images/mod-bg.jpg) no-repeat left top; background-size: cover; }
.mod-art.bg-2 { background: url(../images/mod-bg-2.jpg) no-repeat left top; background-size: cover; }
.mod-art:after { position: absolute; top: 0; right: 0; content: ''; width: 0; height: 0; border-top: 20px solid #fff; border-left: 20px dashed transparent; }

@media (min-width: 640px) { .mod-art { margin-top: 30px; padding: 36px 40px; }
  .mod-art:after { border-top: 40px solid #fff; border-left: 40px dashed transparent; } }
@media (min-width: 768px) { .ml2 { margin-left: 2px; } }
@media (min-width: 1024px) { .mod-art { padding: 30px; }
  .mod-art:after { border-top: 30px solid #fff; border-left: 30px dashed transparent; } }
.mod-art__tle { position: relative; color: #fff; }
.mod-art__tle i { margin-right: 7px; }
.mod-art__tle > div h2 { font-size: 13px; line-height: 14px; }
.mod-art__tle > div span { display: block; font-size: 10px; line-height: 12px; transform-origin: left; transform: scale(0.75); }
.mod-art__tle a { position: absolute; top: 50%; right: 0; color: #fff; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }

@media (min-width: 640px) { .mod-art__tle div h2 { font-size: 20px; line-height: 20px; }
  .mod-art__tle div span { margin-top: 3px; font-size: 12px; transform: none; }
  .mod-art__tle i { margin-right: 14px; } }
@media (min-width: 1024px) { .mod-art__tle div h2 { font-size: 16px; line-height: 14px; }
  .mod-art__tle div span { margin-top: 0; font-size: 10px; transform: scale(0.75); }
  .mod-art__tle i { margin-right: 7px; } }
.mod-art-list { margin-top: 15px; }
.mod-art-list li { line-height: 2.1; color: #fff; }
.mod-art-list li.active a, .mod-art-list li.active span { color: #ffff00; }
.mod-art-list li a { display: block; font-size: 13px; color: #fff; vertical-align: middle; }
.mod-art-list li a:hover { color: #ffff00; }
.mod-art-list li span { display: inline-block; vertical-align: middle; }

@media (min-width: 640px) { .mod-art-list li a { font-size: 17px; } }
@media (min-width: 1024px) { .mod-art-list li a { font-size: 14px; } }
/* 服务范围 */
.services { margin-top: 20px; }

@media (min-width: 640px) { .services { margin-top: 40px; } }
@media (min-width: 1024px) { .services { margin-top: 26px; } }
.services__tle { position: relative; padding-bottom: 8px; border-bottom: 1px solid #a8b5d3; }
.services__tle h2 { font-size: 16px; color: #385499; }
.services__tle i { position: absolute; top: -3px; right: 0; }

@media (min-width: 640px) { .services__tle { padding-bottom: 14px; }
  .services__tle h2 { font-size: 20px; } }
@media (min-width: 640px) { .services__tle { padding-bottom: 10px; }
  .services__tle h2 { font-size: 16px; } }
.services__list { margin-top: 5px; padding: 10px; }
.services__list li { padding: 10px; }
.services__list li a { min-height: 95px; background: #e8f6fd; text-align: center; color: #336699; border-radius: 5px; }
.services__list li a:hover { background: #d1edfb; text-decoration: none; }
.services__list li i { height: 35px; }
.services__list li h3 { font-size: 14px; }

@media (min-width: 640px) { .services__list { margin-top: 10px; padding: 20px; }
  .services__list li { padding: 20px; }
  .services__list li a { min-height: 180px; }
  .services__list li i { height: 70px; }
  .services__list li h3 { font-size: 24px; } }
@media (min-width: 1024px) { .services__tle h2 { font-size: 18px; }
  .services__list { padding: 0; margin-top: 35px; }
  .services__list li { width: 129px; margin-left: 16px; padding: 0; }
  .services__list li:first-child { margin-left: 0; }
  .services__list li a { min-height: 95px; }
  .services__list li i { height: 35px; }
  .services__list li h3 { font-size: 14px; } }
.team-list { margin-top: 10px; }
.team-list li { padding: 10px; }

.team-list-item { text-align: center; }

.awards-pic img { border: 1px solid #fff; }
@media (min-width: 1024px) { .awards-pic { width: 190px; height: 160px; margin: 0 auto; overflow: hidden; } }

.team-pic img { border: 1px solid #fff; }

@media (min-width: 1024px) { .team-pic { width: 160px; height: 180px; margin: 0 auto; overflow: hidden; } }
@media (min-width: 640px) { .team-list { margin-top: 30px; }
  .team-list li { padding: 10px 0; margin-bottom: 40px; }
  .team-list li:nth-of-type(even) .team-list-item { float: right; }
  .team-list li:last-child, .team-list li:nth-last-child(2) { margin-bottom: 0; }
  .team-list-item { width: 232px; } }
@media (min-width: 768px) { .team-list li:last-child, .team-list li:nth-last-child(2), .team-list li:nth-last-child(3) { margin-bottom: 0; } }
@media (min-width: 1024px) { .team-list li { text-align: center; }
  .team-list li:nth-of-type(even) .team-list-item { float: none; } }
@media (min-width: 1024px) { .team-list-item { display: inline-block; width: 182px; } }
.team-info { margin-top: 10px; }
.team-info h3 { font-size: 16px; color: #385399; }
.team-info p { margin-top: 6px; margin-bottom: 0; font-size: 14px; line-height: 16px; color: #666; }

@media (min-width: 640px) { .team-info p { font-size: 16px; line-height: 18px; } }
@media (min-width: 1024px) { .team-info h3 { font-size: 13px; }
  .team-info p { font-size: 13px; line-height: 15px; } }
/* 服务范围 */
.services-con h3 { margin-top: 30px; font-size: 14px; line-height: 1.8; }
.services-con h3:first-child { margin-top: 15px; }
.services-con p { text-indent: 2em; line-height: 1.8; }

@media (min-width: 640px) { .services-con h3 { margin-top: 60px; font-size: 17px; line-height: 1.8; }
  .services-con h3:first-child { margin-top: 30px; }
  .services-con p { font-size: 17px; } }
@media (min-width: 1024px) { .services-con h3 { margin-top: 36px; font-size: 13px; line-height: 1.8; }
  .services-con h3:first-child { margin-top: 25px; }
  .services-con p { font-size: 13px; line-height: 2.1; } }
/* 新闻中心 */
.news-list li { position: relative; padding: 10px 0; border-bottom: 1px dashed #aaa; }
.news-list li.news-item--first { border-bottom: 0; }
.news-list li > a { display: block; color: #555; }
.news-list li > a:hover { color: #4b84cd; }
.news-list li span { display: block; vertical-align: middle; font-size: 12px; color: #999; }

@media (min-width: 375px) { .news-list li > a { display: inline-block; max-width: 80%; vertical-align: middle; }
  .news-list li span { position: absolute; top: 13px; right: 0; } }
@media (min-width: 640px) { .news-list li { padding: 12px 0; }
  .news-list li.news-item--first { padding-top: 20px; }
  .news-list li > a { max-width: 85%; } }
.news-item__pic { width: 120px; height: 90px; overflow: hidden; margin-right: 10px; }

.news-item__con { overflow: hidden; }
.news-item__con h2 { font-size: 14px; color: #385499; }
.news-item__con p { margin-top: 5px; font-size: 12px; line-height: 16px; height: 32px; overflow: hidden; color: #545454; }

.btn-news-more { display: inline-block; padding: 5px 10px; font-size: 12px; color: #fff; background: #00accf; }
.btn-news-more:hover { background: #0097b5; color: #fff; }

@media (min-width: 1024px) { .news-item__pic { width: 193px; height: 145px; margin-right: 20px; }
  .news-item__con p { margin-top: 12px; font-size: 12px; line-height: 20px; height: 80px; } }
.news-detail__tle { padding: 15px 0; margin-bottom: 15px; border-bottom: 2px solid #a1a1a1; }
.news-detail__tle h1 { font-size: 16px; line-height: 1.5; }

.news-detail__con h2, .news-detail__con h3 { font-size: 14px; line-height: 1.5; }
.news-detail__con h3{ margin-top: 25px; }
.news-detail__con p { text-indent: 2em; line-height: 1.8;}
.news-detail__con img {max-width:80% !important; height:auto;}

@media (min-width: 640px) { .news-detail__tle { padding: 30px 0; margin-bottom: 30px; border-bottom: 2px solid #a1a1a1; }
  .news-detail__tle h1 { font-size: 18px; line-height: 1.5; text-align: center; }
  .news-detail__con h3{ margin-top: 40px; }
/* 典型案例 */
.cases-list li { padding: 15px 0; border-bottom: 1px dashed #aaa; }
.cases-list li:last-child { padding-bottom: 0; border-bottom: 0; }

.cases-item__pic { width: 120px; height: 90px; overflow: hidden; margin-right: 10px; }

.cases-item__con { overflow: hidden; }
.cases-item__con h2 { position: relative; font-size: 16px; color: #385499; }
.cases-item__con h2 a { display: block; }
.cases-item__con h2 span { font-size: 12px; color: #999; }
.cases-item__con p { margin-bottom: 5px; font-size: 12px; color: #545454; line-height: 16px; height: 32px; overflow: hidden; }

@media (min-width: 640px) { .cases-list li { padding: 30px 0; }
  .cases-item__pic { width: 193px; height: 145px; overflow: hidden; margin-right: 20px; }
  .cases-item__con h2 { font-size: 16px; color: #385499; }
  .cases-item__con h2 a { display: block; max-width: 80%; }
  .cases-item__con h2 span { position: absolute; top: 2px; right: 0; }
  .cases-item__con p { margin-top: 20px; margin-bottom: 10px; line-height: 18px; height: 72px; overflow: hidden; } }
/* 招贤纳才 */
.job-list li { margin-top: 15px; }

.job-table thead th { position: relative; white-space: nowrap; color: #4b84cd; vertical-align: middle; }
.job-table thead h4 { font-size: 14px; font-weight: 700; }
.job-table thead .btn { position: absolute; top: 7px; right: 10px; }

.join-btn-1 { display: none; }

@media (min-width: 425px) { .job-table thead h4 { max-width: 220px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
  .join-btn-1 { display: block; }
  .join-btn-2 { display: none; } }
@media (min-width: 640px) { .job-list li { margin-top: 20px; }
  .job-table thead h4 { max-width: 400px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
  .job-table thead > tr > th { padding: 8px 20px; }
  .job-table tbody > tr > td { padding: 8px 20px; } }
/* 在线留言 */
.msg-list { margin: 10px 0 0 0; }
.msg-list li { position: relative; padding: 15px 0; border-bottom: 1px dashed #aaa; }

.msg-tle h3 { font-size: 14px; line-height: 1.5; color: #4b84cd; }

.msg-icon { display: inline-block; margin-right: 5px; width: 15px; height: 15px; line-height: 15px; text-align: center; background: #bfbfbf; font-size: 12px; color: #fff; border-radius: 3px; }
.msg-icon.ans { background: #4b84cd; }

.msg-user { margin-top: 10px; font-size: 12px; color: #999; }

.msg-con { margin-top: 10px; }
.msg-con p { margin: 0; }

@media (min-width: 640px) { .msg-tle h3 { max-width: 65%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
  .msg-user { position: absolute; top: 8px; right: 0; } }
@media (min-width: 1024px) { .msg-tle h3 { max-width: 70%; }
  .msg-list { margin: 20px 0 0 0; }
  .msg-list li { padding: 20px 0; }
  .msg-user { top: 12px; } }
/* 网站公告 */
.notice-modal { position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%; }

.notice-modal-wrap { position: relative; width: 280px; background-color: #4581d7; background-repeat: no-repeat; background-size: cover; }
.notice-modal-wrap h3 { margin-top: 20px; font-size: 18px; text-align: center; color: #ff0; }

.notice-modal__bd { padding: 20px 30px; max-height: 300px; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.notice-modal__bd p { line-height: 1.8; }

a.btn-modal-close { position: absolute; bottom: -31px; right: 0; width: 70px; height: 30px; line-height: 30px; text-align: center; font-size: 12px; color: #fff; background: #4581d7; }
a.btn-modal-close:hover, a.btn-modal-close:focus { text-decoration: none; background: #3073d2; }

.icon-close { display: inline-block; width: 11px; height: 11px; margin-left: 5px; background: url(../images/icon-close.png) no-repeat; vertical-align: -1px; }