/* 首页样式
----------------------------------------------- */
#index {
 background-color: #FFF;
}
/* -- inBox -- */
#index .inBox {
 padding: 80px 0;
 zoom: 1;
 overflow: hidden;
}
#index .inBox.bg {
 background-color: #F5F5F5;
}
#index .inBox .head {
 margin-bottom: 40px;
}
#index .inBox .head .name {
 margin-bottom: 5px;
 color: #000;
 font-size: 40px;
 font-weight: bold;
}
@media (max-width: 992px) {
 #index {
  padding-bottom: 30px;
 }
 #index .inBox .head {
  margin-bottom: 15px;
 }
 #index .inBox .head .name {
  font-size: 20px;
 }
 #index .inBox {
  padding: 40px 0;
 }
}
#index .inBox .head .name a {
 color: #000;
 transition: 0.3s all ease;
}
#index .inBox .head .name a:hover {
 text-decoration: none;
 color: #555;
}
#index .inBox .head .name a i {
 margin-left: 30px;
 transition: 0.3s all ease;
 font-weight: bold;
}
#index .inBox .head .name a:hover i {
 margin-left: 40px;
}
#index .inBox .head .name a.down {
 display: inline-block;
 border: 1px solid #19B4EA;
 color: #19B4EA;
 font-size: 14px;
 padding: 1px 20px;
 vertical-align: middle;
 margin-left: 10px;
 text-decoration: none;
}
#index .inBox .head .sub {
 display: block;
 font-size: 13px;
 color: #AAA;
}
#index .inBox .action {
 margin-top: 20px;
}
/* -- dou-brief -- */
#index .dou-brief {
 padding: 90px 0;
 background-color: #FFF;
}
#index .dou-brief h1 {
 color: #000;
 font-size: 60px;
 font-weight: bold;
 letter-spacing: 2px;
 margin-bottom: 10px;
}
#index .dou-brief .sub {
 color: #333;
 font-size: 20px;
 font-weight: bold;
}
@media (max-width: 992px) {
 #index .dou-brief {
  padding: 50px 0;
 }
 #index .dou-brief h1 {
  font-size: 30px;
 }
 #index .dou-brief .sub {
  font-size: 14px;
 }
}
#index .dou-brief .info {
 margin-top: 20px;
 color: #555;
 font-size: 14px;
 line-height: 190%;
}
#index .dou-brief .action {
 margin-top: 28px;
}
#index .dou-brief .action a {
 display: inline-block;
 height: 48px;
 line-height: 48px;
 border-radius: 24px;
 padding: 0 32px;
 font-size: 16px;
 margin-right: 20px;
}
@media (max-width: 992px) {
 #index .dou-brief .action a {
  height: 32px;
  line-height: 32px;
  border-radius: 16px;
  padding: 0 15px;
  font-size: 12px;
  margin-right: 6px;
  margin-bottom: 10px;
 }
}
#index .dou-brief .action .btn-hollow {
 border: 1px solid #333;
 color: #333;
}
#index .dou-brief .action .btn-solid {
 background-color: #19B4EA;
 border: 1px solid #19B4EA;
 color: #FFF;
}
#index .dou-brief .action .popup {
 position: relative;
}
#index .dou-brief .action .popup span {
 display: none;
 position: absolute;
 bottom: 130%;
 left: 0;
 width: 167px;
 padding: 10px;
 border: 1px solid #EEE;
 background-color: #FFF;
 box-shadow: rgba(17, 70, 172, 0.1) 0px 3px 10px 1px;
}
#index .dou-brief .action .popup:hover span {
 display: block;
}
#index .dou-brief .action .popup span em {
 display: block;
 color: #999;
 line-height: 100%;
 text-align: center;
 border-bottom: 1px solid #EEE;
 padding-bottom: 10px;
}
#index .dou-brief .action .popup span img {
 width: 100%;
 margin-top: 8px;
}
#index .dou-brief .action a:hover {
 text-decoration: none;
 border: 1px solid #19B4EA;
 background-color: #19B4EA;
 color: #FFF;
}
#index .dou-brief .action a i {
 margin-right: 5px;
 font-size: 14px;
 vertical-align: middle;
}
/* -- a-box -- */
#index .dou-brief .action .a-box {
 position: relative;
 display: inline-block;
 margin-right: 20px;
 width: 148px;
 height: 48px;
}
#index .dou-brief .action .a-box .con {
 position: absolute;
 left: 0;
 top: 0;
}
#index .dou-brief .action .a-box a {
 display: inline-block;
 width: 148px;
 height: 48px;
 text-align: center;
 line-height: 48px;
 border-radius: 24px;
 font-size: 16px;
 margin-bottom: 10px;
}
@media (max-width: 992px) {
 #index .dou-brief .action .a-box {
  margin-right: 6px;
  margin-bottom: 10px;
  width: 98px;
  height: 32px;
 }
 #index .dou-brief .action .a-box a {
  width: 98px;
  height: 32px;
  line-height: 32px;
  border-radius: 16px;
  font-size: 12px;
 }
}
/* -- service-list -- */
#index .service-list {
 position: relative;
}
#index .service-list .swiper {
 position: static;
}
#index .service-list .swiper-button-next.swiper-button-disabled, #index .service-list .swiper-button-prev.swiper-button-disabled {
 pointer-events: all;
}
@media(min-width: 992px) {
 #index .service-list .swiper-button-prev {
  left: -50px;
 }
 #index .service-list .swiper-button-next {
  right: -50px;
 }
}
#index .service-list .item {
 display: block;
 padding: 30px 40px;
 height: 250px;
 border: 1px solid #CCC;
}
#index .service-list .item .icon {
 margin-bottom: 20px;
}
#index .service-list .item .icon i {
 font-size: 30px;
 width: 60px;
 height: 60px;
 line-height: 60px;
 text-align: center;
 border-radius: 30px;
 border: 1px solid #DDD;
 color: #333;
}
#index .service-list .item .name {
 font-size: 20px;
 margin-bottom: 10px;
 font-weight: bold;
 color: #000;
}
#index .service-list .item .desc {
 color: #999;
}
#index .service-list .item:hover .icon i {
 border: 1px solid #19B4EA;
 animation: fa-spin 2s infinite linear;
 color: #19B4EA;
}
@media(max-width: 992px) {
 #index .service-list .item {
  padding: 20px 20px;
  height: 270px;
 }
 #index .service-list .item .name {
 }
 #index .service-list .item .icon {
  margin-bottom: 10px;
 }
}
/* -- cat-article -- */
#index .cat-article .list {
 background-color: #FFF;
 padding: 30px;
}
#index .cat-article .list h2 {
 font-size: 24px;
 margin-bottom: 40px;
 color: #000;
 font-weight: bold;
}
#index .cat-article .list h2 a {
 color: #000;
 transition: 0.3s all ease;
}
#index .cat-article .list h2 a:hover {
 text-decoration: none;
 color: #555;
}
#index .cat-article .list h2 a i {
 margin-left: 30px;
 transition: 0.3s all ease;
 font-weight: bold;
}
#index .cat-article .list h2 a:hover i {
 margin-left: 40px;
}
#index .cat-article .list dl {
 margin-bottom: 20px;
}
#index .cat-article .list dl dt {
 margin-bottom: 5px;
 font-weight: normal;
 text-overflow: ellipsis;
 overflow: hidden;
 white-space: nowrap;
}
#index .cat-article .list dl dt a {
 color: #555;
}
#index .cat-article .list dl dd {
 color: #999;
 font-size: 12px;
}