.ui-modal {
  visibility:hidden;
  opacity:0;
  position:fixed;
  content:"";
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:rgba(51,51,51,.5);
  z-index:-1;
  text-align:center;
  overflow:hidden;
  white-space:nowrap;
  -webkit-overflow-scrolling:touch;
  transition:.3s;
  overflow-y:auto
}
.ui-modal.modal-visible {
  z-index:19000;
  opacity:1;
  visibility:visible
}
.ui-modal>* {
  display:inline-block;
  white-space:normal;
  vertical-align:middle;
  text-align:left
}
.ui-modal:before {
  display:inline-block;
  overflow:hidden;
  width:0;
  height:100%;
  vertical-align:middle;
  content:""
}
.ui-modal .modal-head {
  height:80px;
  padding:24px;
  line-height:32px;
  font-weight:600;
  font-size:18px
}
.ui-modal .modal-box {
  min-height:200px
}
.ui-modal .resize-trigger {
  position:absolute;
  right:4px;
  bottom:4px;
  height:0;
  width:0;
  border:4px solid transparent;
  border-right-color:#f3f6f8;
  border-bottom-color:#f3f6f8;
  cursor:se-resize
}
.ui-modal .modal-footer {
  padding:24px;
  border-top:1px solid #eaeaea;
  text-align:right
}
.ui-modal .modal-footer .button {
  margin-left:16px;
  height:40px;
  line-height:40px;
  font-size:14px;
  width:120px
}
.modal-box {
  position:relative;
  width:auto;
  max-width:95%;
  border-radius:8px;
  background:#fff;
  opacity:0;
  visibility:hidden;
  -webkit-animation-duration:.4s;
  animation-duration:.4s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both
}
.modal-box .modal-close {
  position:absolute;
  z-index:2;
  right:24px;
  top:28px;
  width:24px;
  height:24px;
  line-height:1;
  font-size:24px;
  cursor:pointer;
  text-align:center;
  color:#666
}
.modal-box .icon-times:before {
  content:""
}
.modal-box .modal-main {
  padding:16px 24px
}
.modal-visible .modal-box {
  z-index:100;
  opacity:1;
  visibility:visible
}
.ui-modal-confirm {
  visibility:hidden;
  opacity:0;
  position:fixed;
  text-align:center
}
.ui-modal-confirm.modal-visible {
  opacity:1;
  visibility:visible;
  position:fixed;
  left:0;
  top:0;
  bottom:0;
  right:0;
  background:rgba(51,51,51,.5);
  z-index:10
}
.ui-modal-confirm>* {
  display:inline-block;
  white-space:normal;
  vertical-align:middle;
  text-align:left
}
.ui-modal-confirm:before {
  display:inline-block;
  overflow:hidden;
  width:0;
  height:100%;
  vertical-align:middle;
  content:""
}
.ui-modal-confirm .ui-confirm {
  padding:16px 48px 16px 40px;
  display:inline-block;
  box-shadow:0 2px 4px 0 rgba(51,51,51,.1);
  border:solid 1px #eaeaea;
  background-color:#fff
}
.ui-confirm {
  padding-left:22px
}
.ui-confirm.center {
  padding-left:0;
  text-align:center
}
.ui-confirm.center .modal-footer {
  text-align:center
}
.ui-confirm.center .modal-footer .ui-button {
  margin-left:4px;
  margin-right:4px
}
.ui-confirm:before {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1;
  content:"";
  position:absolute;
  top:20px;
  left:16px;
  color:#faab4d
}
.ui-confirm.center:before {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1;
  content:"";
  display:block;
  position:static;
  text-align:center;
  margin-bottom:8px;
  color:#faab4d;
  font-size:24px
}
.ui-confirm .modal-footer {
  padding:16px 0 0
}
.ui-confirm .modal-footer .ui-button {
  margin-right:16px
}
.ui-confirm .modal-content {
  line-height:1.72
}
.ui-confirm .warn {
  font-weight:700
}
.ui-confirm .desc {
  font-size:12px;
  color:#666
}
.ui-alert {
  position:fixed;
  top:88px;
  left:50%;
  transform:translate(-50%, -50%);
  display:inline-block;
  line-height:24px;
  font-size:12px;
  z-index:19000;
  -webkit-animation:alertFadeInDown .4s forwards;
  animation:alertFadeInDown .4s forwards;
  transition:top .3s
}
.ui-alert .alert-content {
  padding:8px 12px 8px 36px;
  border-width:1px;
  border-style:solid;
  border-radius:8px;
  box-shadow:0 2px 4px 0 rgba(51,51,51,.1);
  color:#333
}
.ui-alert .alert-content:before {
  content:"";
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1;
  position:absolute;
  left:12px;
  top:13px
}
.ui-alert .alert-success {
  border-color:#a0e3d5;
  background:#ecfcf8
}
.ui-alert .alert-success:before {
  color:#00b08c;
  content:"";
  line-height:1
}
.ui-alert .alert-warn {
  background:#fff7ed;
  border-color:#ffd9ac
}
.ui-alert .alert-warn:before {
  color:#faab4d;
  content:"";
  line-height:1
}
.ui-alert .alert-closeable {
  padding-right:40px
}
.ui-alert .alert-close {
  position:absolute;
  right:12px;
  cursor:pointer;
  color:#666
}
.ui-alert .alert-close:hover {
  color:#2c5cc4
}
.ui-alert .alert-close:before {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1;
  content:""
}
.fadeInDown {
  -webkit-animation:fadeInDown .2s forwards;
  animation:fadeInDown .2s forwards
}
@-webkit-keyframes fadeInDown {
  from {
    opacity:0;
    transform:translate3d(0, -20%, 0)
  }
  to {
    opacity:1;
    transform:translate3d(0, 0, 0)
  }
}
@keyframes fadeInDown {
  from {
    opacity:0;
    transform:translate3d(0, -20%, 0)
  }
  to {
    opacity:1;
    transform:translate3d(0, 0, 0)
  }
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity:1;
    transform:translate3d(0, 0, 0)
  }
  to {
    opacity:0;
    transform:translate3d(0, -50%, 0)
  }
}
@keyframes fadeOutUp {
  from {
    opacity:1;
    transform:translate3d(0, 0, 0)
  }
  to {
    opacity:0;
    transform:translate3d(0, -50%, 0)
  }
}
@-webkit-keyframes alertFadeInDown {
  from {
    opacity:0;
    transform:translate3d(-50%, -100%, 0)
  }
  to {
    opacity:1;
    transform:translate3d(-50%, -50%, 0)
  }
}
@keyframes alertFadeInDown {
  from {
    opacity:0;
    transform:translate3d(-50%, -100%, 0)
  }
  to {
    opacity:1;
    transform:translate3d(-50%, -50%, 0)
  }
}
.ms-head {
  margin-bottom:40px;
  text-align:center
}
.ms-head_tit {
  margin-bottom:20px;
  font-size:26px;
  line-height:32px;
  font-weight:700
}
.ms-head_des {
  font-size:14px;
  line-height:24px
}
.m-s-info {
  padding-top:60px;
  padding-bottom:60px;
  background:#f3f6f8
}
.ms-info_item {
  padding:30px;
  border-radius:4px;
  background:#fff
}
.ms-info_img {
  height:240px;
  width:320px;
  display:block;
  margin-bottom:20px;
  border-radius:2px
}
.ms-info_title {
  margin-bottom:10px;
  font-size:18px
}
.ms-info_a {
  color:#222
}
.ms-info_a:hover {
  color:#2c5cc4
}
.ms-info_date {
  margin-bottom:10px;
  font-size:13px;
  color:#666
}
.ms-info_con {
  height:72px;
  font-size:14px;
  line-height:1.72;
  overflow:hidden;
  color:#666;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3
}
.m-s-news {
  padding-bottom:60px
}
.m-s-news-wiki {
  padding-bottom:60px
}
.m-s-news-wiki .m-s-wiki {
  margin-right:0
}
.m-s-news-lit {
  padding-top:60px;
  float:left;
  width:570px;
  overflow:hidden;
  margin-right:40px
}
.m-s-news-lit .ms-news_list {
  padding:6px 20px
}
.m-s-news-lit .u-i-tit {
  margin-bottom:20px
}
.m-s-news-lit .ms-news_li {
  float:none;
  width:100%;
  padding:0
}
.m-s-news-lit .ms-news_li:first-child {
  border-bottom:1px solid #dcdfe1
}
.m-s-news-lit .ms-news_intro {
  color:#999;
  line-height:20px;
  height:40px
}
.m-s-news-lit .ms-news_img {
  border-radius:2px
}
.m-s-news-lit .ms-news_wrap {
  padding:24px 0;
  background:none
}
.m-s-album {
  padding-top:60px;
  padding-bottom:60px
}
.ms-album_item {
  height:317px;
  padding:40px 30px 0;
  border:1px solid #eaeaea;
  background:#fafafa;
  border-radius:4px
}
.ms-album_img-wrap {
  position:relative;
  margin-bottom:20px;
  box-shadow:0 25px 8px -15px rgba(0,0,0,.12)
}
.ms-album_img-wrap:before {
  height:192px;
  width:288px;
  border-radius:4px;
  background:rgba(34,34,34,.08);
  content:"";
  position:absolute;
  top:-10px;
  left:16px
}
.ms-album_img-wrap:after {
  height:173px;
  width:259px;
  border-radius:4px;
  background:rgba(34,34,34,.05);
  content:"";
  position:absolute;
  top:-20px;
  left:30px
}
.ms-album_img {
  width:320px;
  height:213px;
  position:relative;
  z-index:1;
  border-radius:4px
}
.ms-album_name {
  float:left;
  font-size:18px
}
.ms-album_date {
  float:right;
  line-height:24px;
  font-size:13px;
  color:#666
}
.m-s-product {
  background:#f6f6f6;
  padding-top:60px;
  padding-bottom:60px
}
.ms-pro_item {
  width:278px;
  float:left;
  margin-right:22px;
  background:#fff;
  border:1px solid #eaeaea;
  border-radius:4px;
  overflow:hidden
}
.ms-pro_item:last-child {
  margin-right:0
}
.ms-pro_item:nth-child(4n) {
  margin-right:0
}
.ms-pro_image {
  
  text-align:center;
  background-color:#eaeaea;
  background-image:linear-gradient(to bottom, #eaeaea, #f6f6f6)
}
.ms-pro_con {
  padding:20px
}
.ms-pro_name {
  margin-bottom:10px;
  font-weight:700;
  font-size:16px;
  height:24px;
  overflow:hidden
}
.ms-pro_attr {
  margin-bottom:20px;
  color:#999;
  font-size:13px;
  line-height:20px;
  height:40px;
  overflow:hidden
}
.ms-pro_btn {
  width:110px;
  height:32px;
  float:right;
  line-height:30px;
  border:1px solid #dcdfe1;
  border-radius:4px;
  text-align:center;
  font-size:13px;
  color:#666
}
.ms-pro_btn:hover {
  color:#fff;
  border-color:#2c5cc4;
  background:#2c5cc4
}
.ms-pro_btn-red {
  float:left;
  border-color:#d8262b;
  color:#d8262b
}
.ms-pro_btn-red:hover {
  background:#d8262b;
  color:#fff;
  border-color:#d8262b
}
.m-s-case {
  padding-top:60px;
  padding-bottom:60px
}
.ms-cate_head {
  text-align:center
}
.ms-cate_tit {
  font-weight:700;
  font-size:24px
}
.ms-cate_des {
  margin-top:17px;
  margin-bottom:40px;
  font-size:14px;
  color:#666
}
.ms-cate_btn {
  text-align:center
}
.ms-case_image {
  height:207px;
  text-align:center
}
.ms-case_item {
  background:#fafafa;
  border-radius:4px;
  overflow:hidden
}
.ms-case_item:hover {
  background:#2c5cc4
}
.ms-case_item:hover .ft-link {
  color:#fff
}
.ms-case_item:hover .ms-case_attr {
  color:rgba(255,255,255,.7)
}
.ms-case_con {
  padding:20px 20px 0;
  height:154px
}
.ms-case_name {
  margin-bottom:20px;
  font-size:16px;
  height:48px;
  overflow:hidden
}
.ms-case_attr {
  color:#999;
  font-size:13px
}
.ms-case_ul {
  padding-left:20px
}
.ms-case_li {
  list-style:disc
}
.sol-detail .ms-case_item:hover {
  background:#fafafa
}
.sol-detail .ms-case_item:hover .ft-link {
  color:#333
}
.sol-detail .ms-case_item:hover .ft-link:hover {
  color:#2c5cc4
}
.sol-detail .ms-case_item:hover .ms-case_attr {
  color:#999
}
.m-s-sol {
  padding-top:60px;
  padding-bottom:40px;
  background:#f3f6f8
}
.m-s-sol .u-i-tit {
  margin-bottom:40px
}
.ms-sol_item {
  padding-top:36px;
  float:left;
  width:280px;
  height:156px;
  border-radius:8px;
  overflow:hidden;
  position:relative;
  margin-right:20px;
  margin-bottom:20px;
  text-align:center
}
.ms-sol_item:nth-child(4n) {
  margin-right:0
}
.ms-sol_item .img {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background-size:cover
}
.ms-sol_item:hover .ms-sol_icon {
  transform:rotateY(180deg)
}
.ms-sol_icon {
  position:relative;
  height:48px;
  width:48px;
  margin-bottom:14px;
  display:inline-block;
  line-height:48px;
  color:#2c5cc4;
  border-radius:50%;
  background:#fff;
  text-align:center;
  transition:transform .36s
}
.ms-sol_icon .iconfont {
  font-size:24px
}
.ms-sol_name {
  position:relative;
  color:#fff;
  font-weight:700
}
.ms-sol_list:after {
  visibility:hidden;
  display:block;
  font-size:0;
  content:".";
  clear:both;
  height:0
}
.ms-sol_list {
  zoom:1
}
.m-s-download {
  padding-bottom:40px
}
.ms-download .down_item {
  width:580px;
  margin-right:20px;
  float:left;
  padding:20px
}
.ms-download .down_item:nth-child(2n) {
  margin-right:0
}
.ms-download .down_a {
  color:#337cc9;
  font-size:14px
}
.ms-download .down_a .iconfont {
  vertical-align:middle
}
.ms-public_des {
  line-height:20px
}
.ms-public_cards {
  width:1181px;
  margin-top:40px
}
.ms-public_card {
  width:196px;
  height:360px;
  position:relative;
  border-radius:4px
}
.ms-public_card+.ms-public_card {
  margin-left:1px
}
.ms-public_card .img {
  left:0;
  top:0;
  width:100%;
  height:100%;
  position:absolute;
  background-position:center center;
  background-repeat:no-repeat
}
.ms-public_card:before {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  margin-left:-200px;
  margin-top:-200px;
  height:400px;
  width:400px;
  background:rgba(16,67,179,.9);
  border-radius:50%;
  z-index:1;
  transition:transform .5s,opacity .5s;
  transform:scale(0);
  opacity:0
}
.ms-public_card:hover:before {
  opacity:1;
  transform:scale(1)
}
.ms-public_con {
  position:relative;
  text-align:center;
  padding-top:112px;
  z-index:2
}
.ms-public_icon {
  height:80px;
  width:80px;
  margin:0 auto 18px;
  border-radius:50%;
  line-height:80px;
  color:#2c5cc4;
  background:#fff
}
.ms-public_icon .iconfont {
  font-size:40px
}
.ms-public_name {
  font-weight:700;
  font-size:16px;
  color:#fff
}
.ms-public .card1 .img {
  background-image:url(../images/about-card1.jpg)
}
.ms-public .card2 .img {
  background-image:url(../images/about-card2.jpg)
}
.ms-public .card3 .img {
  background-image:url(../images/about-card3.jpg)
}
.ms-public .card4 .img {
  background-image:url(../images/about-card4.jpg)
}
.ms-public .card5 .img {
  background-image:url(../images/about-card5.jpg)
}
.ms-public .card6 .img {
  background-image:url(../images/about-card6.jpg)
}
.m-s-culture {
  padding-bottom:60px
}
.ms-cul_con {
  height:392px;
  margin-top:40px;
  margin-bottom:40px;
  background:#2c5cc4 url(../images/section-culture.jpg) no-repeat center 0
}
.ms-cul_item {
  width:25%;
  padding:246px 40px 0
}
.ms-cul_item.light {
  padding-top:50px;
  color:#fff
}
.ms-cul_tit {
  margin-bottom:20px;
  text-align:center;
  font-size:18px;
  font-weight:700
}
.ms-cul_text {
  color:#666
}
.ms-cul .light .ms-cur_text {
  color:rgba(255,255,255,.83)
}
.m-s-join {
  height:190px;
  padding-top:50px;
  background:#193673 url(../images/section-join.jpg) no-repeat center 0
}
.ms-join_text {
  width:835px;
  float:left;
  color:#fff;
  font-size:18px;
  line-height:30px;
  font-weight:700
}
.ms-join_button {
  float:right;
  padding-right:10px;
  padding-top:20px
}
.ms-join_button .iconfont {
  font-size:18px
}
.m-s-invite {
  background:#f3f6f8
}
.ms-invite {
  padding-top:60px;
  height:320px;
  background:#f3f6f8 url(../images/join-bg3.jpg) no-repeat right 0
}
.ms-invite_des {
  margin-bottom:66px
}
.ms-invite .button {
  width:397px
}
.m-s-trait {
  background:#f3f6f8;
  padding-top:60px;
  padding-bottom:60px
}
.ms-trait_item {
  height:468px;
  text-align:center;
  background:#fff
}
.ms-trait_img {
  height:220px;
  margin-bottom:40px
}
.ms-trait_tit {
  font-size:20px;
  font-weight:700
}
.ms-trait_des {
  margin-top:20px;
  margin-bottom:40px
}
.m-s-flow {
  padding-bottom:60px
}
.m-s-flow .step {
  float:left;
  width:212px;
  height:122px;
  padding-top:20px;
  text-align:center;
  border:1px solid #dcdfe1;
  border-radius:8px;
  background:#fff
}
.m-s-flow .step-icon {
  height:48px;
  width:48px;
  display:inline-block;
  margin-bottom:10px;
  background:#2c5cc4;
  color:#fff;
  border-radius:50%;
  line-height:48px
}
.m-s-flow .step-icon .iconfont {
  font-size:24px
}
.m-s-flow .step-text {
  font-size:14px;
  font-weight:700
}
.m-s-flow .step-arrow {
  float:left;
  height:30px;
  width:30px;
  margin-top:46px;
  background:url(../images/join-arrow.png) no-repeat 0 0;
  background-size:30px 30px
}
.ms-flow_tit {
  margin-bottom:12px
}
.m-s-about {
  padding:60px 0;
  height:424px;
  color:#fff;
  background:url(../images/section-about.jpg) no-repeat center 0
}
.ms-about_intro {
  width:640px;
  line-height:2;
  height:204px
}
.ms-about .button {
  font-weight:700;
  background:rgba(255,255,255,.9)
}
.ms-about .button:hover {
  background:#2c5cc4;
  color:#fff
}
.m-s-video {
  padding-top:60px;
  padding-bottom:60px;
  background:#f3f6f8
}
.ms-video_item {
  border-radius:4px;
  overflow:hidden;
  background:#fff
}
.ms-video_cover {
  height:252px;
  width:380px;
  position:relative
}
.ms-video_time {
  color:#fff;
  font-family:bananaslip;
  position:absolute;
  right:16px;
  bottom:12px
}
.ms-video_icon {
  position:absolute;
  top:102px;
  left:166px;
  height:48px;
  width:48px;
  border-radius:50%;
  background:url(../images/play.png) no-repeat 0 0;
  background-size:48px 48px
}
.ms-video_con {
  padding:20px
}
.ms-video_name {
  margin-bottom:10px;
  font-size:18px
}
.ms-video_date {
  font-size:13px;
  color:#999
}
.m-s-form .u-i-tit {
  display:inline-block;
  margin-right:10px
}
.ms-form_wrap {
  padding:10px;
  background:#f3f6f8
}
.ms-form_main {
  float:left;
  width:580px;
  height:390px;
  margin-right:10px;
  padding-top:40px;
  background:#fff
}
.ms-form_main .select,
.ms-form_main .form-control {
  width:432px;
  height:48px;
  padding:10px 20px;
  border:1px solid #eaeaea;
  border-radius:4px;
  background:#f6f6f6;
  font-size:14px
}
.ms-form_main .select {
  width:211px;
  float:left;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background:#f6f6f6 url(../images/down.png) no-repeat right 16px center
}
.ms-form_main select::-ms-expand {
  display:none
}
.ms-form_btn {
  padding-left:118px
}
.ms-form_btn .button {
  width:180px
}
.ms-form_row {
  margin-bottom:20px
}
.ms-form_label {
  width:118px;
  float:left;
  padding-right:20px;
  text-align:right;
  color:#666;
  font-size:14px;
  line-height:48px
}
.ms-form_control {
  float:left;
  position:relative
}
.ms-form_control .error {
  position:absolute;
  left:0;
  font-size:12px;
  bottom:-16px;
  line-height:1;
  color:#d8262b
}
.ms-form_online {
  margin-bottom:10px
}
.ms-form_online .button {
  width:110px;
  height:32px;
  line-height:30px;
  font-size:13px
}
.ms-form_online,
.ms-form_email {
  width:270px;
  float:left;
  height:190px;
  background:#fff;
  text-align:center;
  padding-top:26px
}
.ms-form_email .ms-form_des {
  margin-bottom:16px
}
.ms-form_icon {
  height:56px;
  width:56px;
  border-radius:50%;
  margin:0 auto 16px
}
.ms-form_tel {
  font:700 26px arial,sans-serif
}
.ms-form_service {
  width:280px;
  padding:40px 10px 0;
  float:right;
  background:#fff;
  text-align:center
}
.m-s-net {
  padding-top:80px;
  padding-bottom:60px;
  background:url(../images/net-bg.jpg) no-repeat center 0
}
.m-s-net .ms-head_des {
  width:980px;
  margin:0 auto;
  text-align:left
}
.ms-net_img {
  height:156px
}
.ms-net_item {
  height:332px;
  background:#f3f6f8
}
.ms-net_name {
  padding-top:30px
}
.ms-net_intro {
  padding-left:25px;
  padding-right:25px
}
.ms-focus_img {
  margin-top:20px;
  height:210px;
  overflow:visible
}
.ms-focus_con {
  position:relative
}
.ms-focus_item {
  position:relative;
  height:420px;
  padding-top:44px;
  text-align:center;
  border-radius:8px;
  background:#fff url(../images/hot-bg.png) no-repeat 0 0;
  overflow:hidden
}
.ms-focus.ms-focus-rec .ms-focus_item {
  background-image:url(../images/hot-bg2.png)
}
.ms-focus_pro-name {
  margin-bottom:10px;
  font-size:16px;
  font-weight:700;
  line-height:26px
}
.ms-focus_pro-attr {
  color:#999;
  line-height:20px;
  height:20px;
  overflow:hidden;
  font-size:14px
}
.ms-focus_btn {
  margin-top:20px
}
.ms-focus_btn .button {
  height:40px;
  line-height:40px;
  font-size:14px
}
.m-section {
  padding-top:60px;
  padding-bottom:60px
}
.bg-dark {
  background:#f3f6f8
}
.bg-dark .u-info-list {
  background:#fff
}
.bg-gray {
  background:#f6f6f6
}
.bg-light {
  background:#f9f9f9
}
.border-top {
  border-top:1px solid #ebebeb
}
.pb-0 {
  padding-bottom:0
}
.pt-0 {
  padding-top:0
}
.pt-40 {
  padding-top:40px
}
.pb-40 {
  padding-bottom:40px
}
body {
  background:#fff
}
.u-i-tit {
  margin-bottom:30px
}
.u-i-tit.lit {
  font-size:24px;
  line-height:32px
}
.u-i-tit.line {
  padding-left:21px;
  position:relative;
  background:url(../images/title-bg-blue.png) no-repeat 0 center;
  background-size:12px 24px
}
.u-i-tit.line.red {
  background-image:url(../images/title-bg-red.png)
}
.u-paging {
  text-align:center
}
.u-paging a {
  display:inline-block;
  height:40px;
  border:1px solid #dcdfe1;
  line-height:38px;
  border-radius:4px;
  margin-right:12px;
  vertical-align:middle;
  font-size:16px;
  color:#666;
  padding:0 20px;
}
.u-paging .current {
  background:#2c5cc4;
  color:#fff;
  border-color:#2c5cc4
}
.u-paging .next:before,
.u-paging .prev:before {
  font-family:iconfont
}
.u-paging .prev:before {
  content:""
}
.u-paging .next:before {
  content:""
}
.breadcrumbs {
  color:#666;
  font-size:12px;
  line-height:24px
}
.breadcrumbs .local {
  float:left;
  margin-right:14px;
  position:relative;
  padding-left:24px
}
.breadcrumbs .local .icon-map {
  position:absolute;
  left:0;
  top:0;
  color:#cacaca
}
.breadcrumbs .crumbs-list {
  float:left
}
.breadcrumbs .crumbs-li {
  float:left;
  margin-right:10px;
  height:24px;
  line-height:24px;
  position:relative;
  padding-right:26px
}
.breadcrumbs .crumbs-li:after {
  content:"";
  position:absolute;
  right:0;
  top:0;
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  color:#999;
  vertical-align:middle
}
.breadcrumbs .crumbs-li:last-child:after {
  display:none
}
.breadcrumbs .crumbs-a {
  color:#666
}
.breadcrumbs .crumbs-a:hover {
  color:#2c5cc4
}
.breadcrumbs .crumbs-span {
  display:inline-block;
  max-width:320px;
  font-size:inherit;
  font-weight:400;
  height:24px
}
.breadcrumbs .crumbs-inner {
  padding-top:11px;
  padding-bottom:11px;
  border-bottom:1px solid #eaeaea
}
.m-i-banner .breadcrumbs {
  width:100%;
  position:absolute;
  bottom:0;
  color:rgba(255,255,255,.85)
}
.m-i-banner .crumbs-li:after {
  color:rgba(255,255,255,.85)
}
.m-i-banner .local .icon-map {
  color:rgba(255,255,255,.85)
}
.m-i-banner .crumbs-inner {
  border-bottom:0 none
}
.m-i-banner .crumbs-a,
.m-i-banner .crumbs-a:hover {
  color:#eaeaea
}
.u-side-nav {
  width:280px;
  padding:20px;
  margin-bottom:20px;
  border-radius:4px;
  background:#f3f6f8
}
.u-side-nav .side-nav-tit {
  margin-bottom:20px;
  font-size:18px;
  font-weight:700;
  padding-left:15px;
  background:url(../images/title-bg-red.png) no-repeat 0 center;
  background-size:8px 14px
}
.u-side-nav .side-nav-tit.blue {
  background-image:url(../images/title-bg-blue.png)
}
.u-side-nav .side-nav-item {
  display:block;
  margin-bottom:10px;
  padding:12px 16px 12px 20px;
  font-size:16px;
  color:#4c5159;
  background:#fff
}
.u-side-nav .side-nav-item .iconfont {
  float:right;
  transition:transform .3s;
  color:#999
}
.u-side-nav .side-nav-item:hover .side-nav-name,
.u-side-nav .active .side-nav-name {
  color:#2c5cc4;
  font-weight:700
}
.u-side-nav .side-nav-item:hover .iconfont {
  transform:translate3d(5px, 0, 0)
}
.u-side-nav.side-filter {
  padding-left:19px;
  padding-right:19px;
  background:#fff;
  border:1px solid #eaeaea
}
.u-side-nav .sf-tit {
  padding-left:15px;
  margin-bottom:16px;
  font-weight:700;
  background:url(../images/title-bg-red.png) no-repeat 0 center;
  background-size:8px 14px
}
.u-side-nav .sf-title {
  position:relative;
  margin-top:30px;
  margin-bottom:20px;
  font-weight:700;
  font-size:18px;
  text-align:center
}
.u-side-nav .sf-title:after,
.u-side-nav .sf-title:before {
  content:"";
  width:76px;
  height:1px;
  background:#dcdfe1;
  position:absolute;
  left:0;
  top:12px
}
.u-side-nav .sf-title:after {
  left:auto;
  right:0
}
.u-side-nav .sf-label {
  width:80px;
  float:left;
  line-height:28px;
  font-size:14px;
  color:#666
}
.u-side-nav .sf-item {
  margin-bottom:16px
}
.u-side-nav .select {
  width:160px;
  height:28px;
  padding-left:11px;
  border-radius:4px;
  padding-right:10px;
  border:1px solid #eaeaea;
  font-size:14px;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background:#fff url(../images/down.png) no-repeat right 6px center
}
.u-side-nav select::-ms-expand {
  display:none
}
.u-side-nav .button {
  height:40px;
  line-height:40px;
  font-size:14px
}
.u-side-contact {
  text-align:center;
  border:10px solid #f3f6f8;
  padding:16px 10px 22px
}
.u-side-contact .tel-icon {
  margin-bottom:16px;
  line-height:1
}
.u-side-contact .tel-text {
  color:#999;
  font-size:14px
}
.u-side-contact .tel-number {
  margin-top:12px;
  margin-bottom:20px;
  font:bold 26px/1 arial,sans-serif
}
.u-side-contact .button {
  width:100%;
  height:40px;
  line-height:40px;
  font-size:14px
}
.u-side-online {
  width:232px;
  height:269px;
  padding:20px;
  border-radius:4px;
  background:url(../images/wl-side.jpg) no-repeat 0 0
}
.u-side-online .button {
  font-size:14px;
  height:40px;
  line-height:40px;
  font-weight:700
}
.u-side-online .u-side-tel {
  padding-top:20px;
  margin-top:20px
}
.u-side-online .tel-icon {
  height:40px;
  width:40px;
  line-height:38px
}
.u-side-online .tel-icon .iconfont {
  font-size:22px
}
.u-side-tel {
  padding-top:30px;
  margin-top:30px;
  border-top:1px solid #dcdfe1
}
.u-side-tel .tel-icon {
  float:left;
  margin-right:10px
}
.u-side-tel .tel-tit {
  font-size:13px
}
.u-side-tel .tel-con {
  overflow:hidden
}
.u-side-tel .tel {
  font-weight:700;
  font-size:18px;
  font-family:arial,sans-serif
}
.u-side-product {
  padding:20px;
  margin-bottom:20px;
  border:1px solid #eaeaea
}
.u-side-product .sp-img {
  width:240px;
  height:180px;
  margin-bottom:16px
}
.u-side-product .sp-name {
  font-weight:700
}
.u-side-product .sp-attr {
  font-size:13px
}
.m-i-banner {
  height:500px;
  position:relative;
  background-color:#2c5cc4;
  background-repeat:no-repeat;
  background-position:center 0
}
.m-i-banner .banner_header {
  padding-top:222px;
  color:#fff;
  text-align:center
}
.m-i-banner .banner_tit {
  font-size:40px;
  font-weight:600;
  line-height:48px;
  margin-bottom:15px;
  -webkit-animation:fadeInDown .6s .1s ease both;
  animation:fadeInDown .6s .1s ease both
}
.m-i-banner .banner_des {
  font-weight:400;
  font-size:20px;
  -webkit-animation:fadeInDown .6s .3s ease both;
  animation:fadeInDown .6s .3s ease both
}
@keyframes fadeInDown {
  0% {
    opacity:0;
    transform:translate3d(0, -10px, 0)
  }
  100% {
    opacity:1;
    transform:translate3d(0, 0, 0)
  }
}
.m-d-banner {
  height:148px;
  background-color:#2c5cc4;
  background-image:linear-gradient(180deg, #1f4fb8 0%, #3170db 100%)
}
.m-search {
  padding-top:60px;
  height:360px
}
.m-search .u-hot {
  width:640px;
  margin:20px auto 0
}
.ms-search_title {
  margin-bottom:40px;
  text-align:center;
  font-size:32px;
  font-weight:700
}
.ms-search_form {
  width:640px;
  margin:0 auto;
  height:48px
}
.ms-search_input {
  width:592px;
  display:block;
  float:left;
  border:2px solid #2c5cc4;
  height:48px;
  padding:10px 16px
}
.ms-search_btn {
  width:48px;
  border-top-left-radius:0;
  border-bottom-left-radius:0
}
.m-i-nav {
  padding-top:18px;
  padding-bottom:18px;
  margin-bottom:40px;
  border-bottom:1px solid #eaeaea;
  font-size:16px
}
.m-i-nav .n-li {
  float:left;
  margin-right:60px
}
.m-i-nav .n-a {
  color:#666
}
.m-i-nav .n-a:hover {
  color:#2c5cc4
}
.m-i-nav .active {
  color:#2c5cc4;
  font-weight:700
}
.dot-slider .slick-dots button {
  height:10px;
  width:10px;
  border-radius:50%
}
.m-i-wiki {
  padding-bottom:60px
}
.product-banner {
  background-image:url(../images/product-index-banner.jpg)
}
.m-pro-primary {
  padding-top:70px;
  padding-bottom:60px
}
.m-pro-primary .pp-title {
  margin-bottom:19px;
  font-size:26px;
  font-weight:700;
  text-align:center
}
.m-pro-primary .pp-intro {
  width:980px;
  margin:0 auto 50px;
  font-size:14px;
  color:#666
}
.m-pro-primary .pp-cate {
  margin-bottom:50px
}
.m-pro-primary .cate-item {
  float:left;
  width:380px;
  position:relative;
  border-radius:8px
}
.m-pro-primary .cate1 {
  height:400px;
  margin-right:20px
}
.m-pro-primary .cate1 .pp-cate-con {
  padding-top:120px
}
.m-pro-primary .cate2 {
  margin-bottom:20px;
  margin-right:20px
}
.m-pro-primary .cate2,
.m-pro-primary .cate3,
.m-pro-primary .cate4,
.m-pro-primary .cate5 {
  height:190px
}
.m-pro-primary .cate3 {
  margin-bottom:20px
}
.m-pro-primary .cate4 {
  margin-right:20px
}
.m-pro-primary .img {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%
}
.m-pro-primary .cate1 .img {
  background-image:url(../images/product-index-cate1.jpg)
}
.m-pro-primary .cate2 .img {
  background-image:url(../images/product-index-cate2.jpg)
}
.m-pro-primary .cate3 .img {
  background-image:url(../images/product-index-cate3.jpg)
}
.m-pro-primary .cate4 .img {
  background-image:url(../images/product-index-cate4.jpg)
}
.m-pro-primary .cate5 .img {
  background-image:url(../images/product-index-cate5.jpg)
}
.m-pro-primary .pp-cate-con {
  position:relative;
  padding-top:30px;
  text-align:center;
  color:#fff
}
.m-pro-primary .pp-icon {
  transition:transform .3s .1s
}
.m-pro-primary .pp-icon .iconfont {
  font-size:100px;
  line-height:1
}
.m-pro-primary .pp-cate-text {
  font-size:24px;
  transition:transform .3s .13s
}
.m-pro-primary .cate-item:hover .pp-icon {
  transform:translate3d(0, -3px, 0)
}
.m-pro-primary .cate-item:hover .pp-cate-text {
  transform:translate3d(0, -5px, 0)
}
.m-pro-list {
  padding-top:10px;
  background:#f6f6f6
}
.m-pro-list .m-s-product {
  padding-bottom:30px;
  padding-top:50px
}
.m-pro-list .m-s-product+.m-s-product {
  padding-top:0
}
.m-pro-list .ms-pro_item {
  margin-bottom:20px
}
.pro-hot_primary {
  width:580px;
  height:440px;
  position:relative;
  border:1px solid #eaeaea;
  border-radius:4px;
  padding:10px;
  margin-right:20px;
  float:left;
  background:#fff
}
.pro-hot_image {
  position:relative;
  display:block;
  border-radius:4px;
  overflow:hidden;
  height:420px;
  width:560px
}
.pro-hot_layer {
  position:absolute;
  left:0;
  bottom:0;
  right:0;
  padding:12px 20px;
  color:#fff;
  background:rgba(0,0,0,.4)
}
.pro-hot_layer .hl-title {
  margin-bottom:4px;
  color:#f8fafb;
  font-weight:700
}
.pro-hot_layer .hl-attr {
  font-size:13px
}
.pro-hot_item {
  float:left;
  width:580px;
  height:210px;
  padding:10px 27px 10px 10px;
  background:#fff
}
.pro-hot_item .image {
  float:left;
  width:253px;
  height:190px;
  margin-right:30px;
  border-radius:4px;
  overflow:hidden
}
.pro-hot_item .ms-pro_attr {
  margin-bottom:16px
}
.m-pro-focus {
  height:660px;
  padding-top:60px;
  padding-bottom:60px;
  background:#1d3b6d url(../images/inner-page-banner.jpg) no-repeat center 0
}
.m-pro-focus .pf-title {
  margin-bottom:10px;
  font-size:26px;
  font-weight:700;
  color:#fff;
  text-align:center
}
.m-pro-focus .pf-des {
  margin-bottom:50px;
  text-align:center;
  color:rgba(255,255,255,.8);
  font-size:14px
}
.product-cate-banner {
  height:200px;
  background-image:url(../images/inner-banner-bg.jpg)
}
.pro-cb {
  padding-top:182px;
  color:#fff
}
.pro-cb_main {
  float:left;
  width:500px
}
.pro-cb_title {
  margin-bottom:30px;
  font-size:32px;
  font-weight:700
}
.pro-cb_con {
  height:238px;
  font-size:14px;
  line-height:1.72;
  color:rgba(255,255,255,.8)
}
.pro-cb_con p {
  margin-bottom:20px
}
.pro-cb_btn {
  position:relative;
  height:48px
}
.pro-cb_btn img {
  position:absolute;
  bottom:0;
  left:12px
}
.pro-cb_btn .button {
  padding-left:90px;
  width:391px
}
.pro-cb_btn .iconfont {
  font-size:20px;
  margin-left:10px;
  vertical-align:middle
}
.pro-cb_slider {
  width:500px;
  height:450px;
  float:right;
  overflow:hidden
}
.pro-cb_slider .slick-slider {
  height:450px
}
.pro-cb_img img {
  margin:0 auto;
  max-width:100%
}
.m-product-list {
  padding-top:60px
}
.m-product-list .lay-main {
  padding-bottom:60px
}
.m-product-list .ms-pro_list {
  padding-bottom:20px
}
.lay-main .ms-pro_item {
  margin-bottom:20px
}
.lay-main .ms-pro_item:nth-child(4n) {
  margin-right:20px
}
.lay-main .ms-pro_item:nth-child(3n) {
  margin-right:0
}
.lay-main .layout {
  width:100%
}
.m-product-filter {
  padding-top:27px
}
.m-product-filter .u-paging {
  padding-top:20px
}
.m-product-filter .lay-main {
  padding-bottom:60px
}
.pro-filter_result {
  margin-bottom:19px;
  padding-top:12px;
  padding-bottom:12px;
  background:#f1f5fe;
  border-top:1px solid #d0dbf3;
  border-bottom:1px solid #d0dbf3
}
.pro-filter_result .pfr-label {
  float:left;
  margin-right:10px;
  padding-left:20px;
  line-height:30px;
  font-size:14px;
  color:#666
}
.pro-filter_result .pfr-item {
  float:left;
  padding:0 34px 0 12px;
  position:relative;
  height:30px;
  margin-right:20px;
  line-height:28px;
  color:#2c5cc4;
  font-size:14px;
  border:1px dashed rgba(44,92,196,.5);
  background:rgba(44,92,196,.06);
  border-radius:3px
}
.pro-filter_result .pfr-delete {
  position:absolute;
  right:12px;
  color:#666
}
.pro-filter_result .pfr-delete:hover {
  color:#2c5cc4
}
.pro-filter_result .pfr-help {
  color:#2c5cc4;
  font-size:14px;
  line-height:30px
}
.pro-filter_result .pfr-help:hover {
  text-decoration:underline
}
.pro-filter_row {
  border-bottom:1px solid #eaeaea;
  background:#f0f0f0
}
.pro-filter_row .pfr-name {
  width:136px;
  float:left;
  padding-left:20px;
  line-height:56px;
  height:56px
}
.pro-filter_row .pfr-check {
  width:744px;
  padding-top:13px;
  padding-left:20px;
  min-height:56px;
  overflow:hidden;
  background:#f6f6f6
}
.pro-filter_row .check-item {
  font-size:14px;
  float:left;
  min-width:98px;
  padding-left:4px;
  padding-right:4px;
  margin-right:10px;
  height:30px;
  border:1px solid #eaeaea;
  border-radius:4px;
  background:#fff;
  text-align:center;
  line-height:28px;
  color:#666
}
.pro-filter_row .check-item:hover,
.pro-filter_row .active {
  color:#2c5cc4;
  border-color:rgba(44,92,196,.5);
  background:rgba(44,92,196,.06)
}
.m-product .pd-primary {
  padding-top:40px;
  padding-bottom:35px
}
.m-product .pd-info {
  float:left;
  width:580px
}
.m-product .pd-slider {
  float:right;
  padding-top:20px
}
.m-product .slick-dots {
  bottom:0
}
.m-product .slick-dots button {
  background:rgba(34,34,34,.2)
}
.m-product .slick-active button {
  background:#d8262b
}
.m-product .pd-head {
  position:relative
}
.m-product .pd-title {
  margin-bottom:5px;
  font-size:32px;
  font-weight:700
}
.m-product .pd-qrcode {
  position:relative;
  background:#f6f6f6;
  border-radius:2px;
  height:28px;
  padding-left:10px;
  padding-right:10px;
  line-height:28px;
  display:inline-block;
  margin-bottom:20px
}
.m-product .pd-qrcode-trigger {
  color:#666;
  font-size:13px;
  cursor:default
}
.m-product .pd-qrcode-img {
  position:absolute;
  visibility:hidden;
  opacity:0;
  top:28px;
  left:50%;
  margin-left:-80px;
  border-radius:4px;
  background:#fff;
  padding:20px;
  box-shadow:0 1px 10px 0 rgba(43,49,63,.08);
  transition:opacity .2s,transform .2s,visibility .2s;
  transform:translate3d(0, -4px, 0)
}
.m-product .pd-qrcode:hover .pd-qrcode-img {
  visibility:visible;
  opacity:1;
  transform:translate3d(0, 0, 0)
}
.m-product .pd-intro {
  margin-bottom:27px;
  width:500px
}
.m-product .pd-attr {
  width:500px
}
.m-product .pd-table {
  display:table;
  margin-bottom:30px
}
.m-product .pd-tr {
  display:table-cell;
  padding-top:7px;
  padding-bottom:3px;
  line-height:24px;
  font-size:15px;
  color:#666
}
.m-product .pd-td,
.m-product .pd-th {
  display:table-cell;
  padding-top:7px;
  padding-bottom:3px;
  line-height:24px
}
.m-product .pd-th {
  padding-right:30px;
  font-size:15px;
  font-weight:700;
  white-space:nowrap
}
.m-product .pd-td {
  font-size:15px;
  color:#666
}
.m-product .pd-consult {
  margin-bottom:16px
}
.m-product .pd-consult .button {
  width:286px;
  float:left;
  margin-right:23px
}
.m-product .pd-tel-tit {
  margin-bottom:4px;
  font-size:13px;
  color:#666
}
.m-product .pd-nav .iconfont {
  color:#337cc9
}
.m-product .pd-nav-item {
  padding-right:21px;
  margin-right:21px;
  position:relative
}
.m-product .pd-nav-item .iconfont {
  margin-right:6px;
  font-size:18px;
  line-height:1;
  vertical-align:middle
}
.m-product .pd-nav-item .nav-text {
  vertical-align:middle;
  line-height:18px;
  display:inline-block
}
.m-product .pd-nav-item:after {
  content:"";
  width:1px;
  height:15px;
  background:#dcdfe1;
  position:absolute;
  right:0;
  top:8px
}
.m-product .pd-nav-item:last-child:after {
  display:none
}
.m-product .pd-nav-a {
  font-size:14px;
  color:#666
}
.m-product .pd-nav-a:hover {
  color:#2c5cc4
}
.m-product .pd-anchor-wrap {
  height:64px;
  position:-webkit-sticky;
  position:sticky;
  top:0;
  z-index:10
}
.m-product .lay-main .article_content,
.m-product .lay-side {
  padding-top:60px
}
.m-product .pd-anchor {
  height:60px;
  padding-top:18px;
  background:#f3f6f8
}
.m-product .pd-anchor-item {
  display:inline-block;
  padding-right:41px;
  margin-right:37px;
  position:relative
}
.m-product .pd-anchor-item:after {
  content:"";
  width:1px;
  height:18px;
  background:#cacaca;
  position:absolute;
  right:0;
  top:3px
}
.m-product .pd-anchor-item:last-child:after {
  display:none
}
.m-product .pd-anchor-a {
  color:#1d2226
}
.m-product .pd-anchor-a.current {
  color:#2c5cc4;
  font-weight:700
}
.product-detail img {
  max-width:100%;
  display:block;
  margin:0 auto
}
.product-detail .pd-section {
  padding-top:60px
}
.product-detail table {
  width:100%
}
.product-detail table tr:nth-child(2n+1) td {
  background:#f5f5f5
}
.product-detail th,
.product-detail td {
  padding-top:10px;
  padding-bottom:10px;
  line-height:26px;
  border:1px solid #e8e8e8;
  text-align:center
}
.product-detail td {
  font-size:14px
}
.pd-service {
  padding:58px 20px 40px;
  position:relative;
  background:#f3f6f8
}
.pd-service:before {
  content:"";
  height:1px;
  position:absolute;
  top:89px;
  left:125px;
  right:125px;
  border-top:1px dashed #cbd6ed
}
.pd-service .pd-ser-item {
  position:relative;
  width:25%;
  padding-left:20px;
  padding-right:20px
}
.pd-service .pd-ser-icon {
  height:64px;
  width:64px;
  margin:0 auto 14px;
  border-radius:50%;
  background:#fff;
  text-align:center;
  line-height:64px;
  color:#2c5cc4
}
.pd-service .pd-ser-icon .iconfont {
  font-size:38px
}
.pd-service .pd-ser-name {
  margin-bottom:8px;
  font-weight:700;
  line-height:1.625;
  text-align:center
}
.pd-service .pd-ser-con {
  height:140px;
  font-size:13px;
  line-height:1.54;
  color:#666
}
.pd-service .button {
  border:1px solid #8aa4de;
  line-height:38px;
  height:40px;
  font-size:14px;
  color:#2c5cc4
}
.pd-service .button:hover {
  color:#fff;
  background:#2c5cc4
}
.about-banner {
  background-image:url(../images/about-banner.jpg)
}
.course-banner{
  background-image:url(../images/course-banner.jpg)
}
.case-banner{
  background-image:url(../images/case-banner.jpg)
}
.net-banner{
  background-image:url(../images/net-banner.jpg)
}
.tool-banner{
  background-image:url(../images/tool-banner.jpg)
}
.down-banner{
  background-image:url(../images/download-banner.jpg)
}
.qa-banner{
  background-image:url(../images/qa-banner.jpg)
}
.vr-banner{
  background-image:url(../images/vr-banner.jpg)
}
.news-banner{
  background-image:url(../images/news-banner.jpg)
}
.m-about-primary {
  padding-top:20px
}
.m-about-primary .ap-con {
  float:left;
  width:600px;
  margin-right:50px
}
.m-about-primary .ap-title {
  margin-bottom:5px;
  font-weight:700;
  font-size:26px
}
.m-about-primary .ap-des {
  padding-bottom:20px;
  margin-bottom:20px;
  position:relative;
  color:#666
}
.m-about-primary .ap-des:after {
  content:"";
  width:40px;
  height:3px;
  background:#2c5cc4;
  position:absolute;
  left:0;
  bottom:-3px
}
.m-about-primary .ap-intro {
  margin-bottom:30px;
  color:#666
}
.m-about-primary .ap-item {
  width:280px;
  height:80px;
  float:left;
  background:#f3f6f8;
  border-radius:4px;
  line-height:56px;
  padding:12px 0 12px 51px;
  margin-right:20px;
  margin-bottom:20px
}
.m-about-primary .ap-item:nth-child(2n) {
  margin-right:0
}
.m-about-primary .ap-img {
  float:left;
  margin-right:15px
}
.m-about-primary .ap-image {
  float:left;
  width:530px;
  position:relative;
  padding-top:70px
}
.m-about-primary .ap-image:after {
  content:"";
  height:375px;
  width:500px
}
.m-about-primary .image {
  border-radius:30px;
  box-shadow:30px -30px #f6f6f6
}
.m-about-primary .ap-slogan {
  color:#666;
  position:absolute;
  right:55px;
  top:28px
}
.m-about-primary .ap-power {
  height:200px;
  padding-top:38px;
  margin-top:40px;
  background:#2c5cc4 url(../images/about-banner1.jpg) no-repeat center 0;
  color:#fff
}
.m-about-primary .ap-box {
  width:320px;
  position:relative;
  text-align:center
}
.m-about-primary .ap-box.box1 {
  width:190px;
  text-align:left
}
.m-about-primary .ap-box+.ap-box:after {
  content:"";
  width:2px;
  height:20px;
  position:absolute;
  top:50px;
  background:#fff;
  left:0
}
.m-about-primary .ap-number {
  position:relative
}
.m-about-primary .ap-number .number {
  line-height:1.4;
  font-family:bananaslip;
  font-size:60px
}
.m-about-primary sup {
  font-family:arial;
  font-size:24px;
  position:absolute;
  top:13px
}
.m-about-primary .ap-name {
  margin-top:5px
}
.m-s-cate .ms-cate_intro {
  font-size:13px
}
.m-s-super {
  padding-top:60px;
  padding-bottom:60px;
  background:url(../images/about-banner2.jpg) no-repeat center 0
}
.ms-super_head {
  margin-bottom:40px;
  color:#fff
}
.ms-super_list {
  margin-bottom:40px
}
.ms-super_item {
  padding:40px 38px;
  text-align:center;
  border:10px solid #f3f6f8;
  border-radius:8px;
  background:#fff
}
.ms-super_item .si-name {
  font-size:24px;
  font-weight:500
}
.ms-super_item .si-con {
  height:160px;
  text-align:left
}
.ms-super_contact {
  height:200px;
  padding-left:425px;
  padding-top:30px;
  border-radius:8px;
  color:#fff;
  background:#2c5cc4 url(../images/about-banner-sol.jpg) no-repeat 0 0
}
.ms-super_contact .sc-title {
  margin-bottom:20px;
  font-size:20px;
  line-height:1.8;
  font-weight:700
}
.ms-super_contact .lg {
  margin-bottom:26px;
  padding-top:10px;
  font-size:22px;
  line-height:48px
}
.ms-super_contact .button {
  margin-right:40px;
  float:left;
  font-weight:700
}
.ms-super_contact .sc-tel {
  float:left;
  padding-left:40px;
  width:330px;
  border-left:1px solid rgba(255,255,255,.3)
}
.ms-super_contact .sc-tel-icon {
  float:left;
  height:46px;
  width:46px;
  margin-right:10px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.3);
  background:rgba(255,255,255,.1);
  text-align:center;
  line-height:44px
}
.ms-super_contact .icon-call {
  font-size:20px
}
.ms-super_contact .sc-tel-text {
  font-size:13px;
  margin-bottom:4px
}
.ms-super_contact .sc-tel-number {
  font:600 18px arial,sans-serif
}
.m-s-honor {
  height:642px;
  padding-top:60px;
  padding-bottom:60px;
  background:url(../images/about-banner3.jpg) no-repeat center 0
}
.m-s-honor .honor-tab {
  margin-bottom:40px;
  border-bottom:1px solid #9aa5b0
}
.m-s-honor .ht-nav {
  padding-bottom:16px;
  margin-bottom:-1px;
  text-align:center;
  width:33.333%;
  color:#dbdbdb;
  font-size:18px;
  cursor:pointer
}
.m-s-honor .ht-nav .iconfont {
  margin-right:10px;
  font-size:24px;
  line-height:1;
  vertical-align:middle
}
.m-s-honor .ht-nav.current {
  color:#fff;
  border-bottom:2px solid #fff
}
.m-s-honor .current .ht-span {
  font-weight:700
}
.m-s-honor .honor-content {
  position:absolute;
  visibility:hidden;
  width:1180px;
  opacity:0;
  overflow-x:hidden;
  z-index: 999;
}
.m-s-honor .honor-content.show {
  visibility:visible;
  opacity:1
}
.m-s-honor .honor-cert .hs-name {
  height:auto
}
.m-s-honor .hc-item {
  float:left;
  background:#fff;
  text-align:center;
  margin-right:20px;
  padding:10px 15px 4px;
  margin-bottom:20px;
  border-radius:8px
}
.m-s-honor .hc-item:nth-child(4n) {
  margin-right:0
}
.m-s-honor .honor-slider {
  width:1200px
}
.m-s-honor .hs-item {
  background:#fff;
  width:280px;
  height:440px;
  float:left;
  margin-right:20px;
  border-radius:8px
}
.m-s-honor .hs-img {
  width:280px;
  height:380px;
  padding:10px
}
.m-s-honor .hs-name {
  height:60px;
  padding:10px;
  text-align:center;
  font-size:14px;
  line-height:20px
}
.m-s-honor .slick-arrow {
  position:absolute;
  top:195px;
  width:25px;
  height:50px;
  text-align:center;
  line-height:50px;
  background:#9aa5b0;
  z-index:2;
  color:#fff;
  font-size:18px;
  cursor:pointer
}
.m-s-honor .slick-arrow.icon-left {
  left:0;
  border-radius:0 8px 8px 0
}
.m-s-honor .slick-arrow.icon-right {
  right:20px;
  border-radius:8px 0 0 8px
}
.m-course {
  padding-top:20px;
  padding-bottom:20px
}
.m-course .course-first {
  padding-bottom:20px;
  margin-bottom:60px;
  border-bottom:1px solid #ebebeb;
  background:url(../images/course-bg.jpg) no-repeat right 0
}
.m-course .course-now {
  float:left;
  width:320px;
  margin-right:50px
}
.m-course .cn-title {
  font-size:22px;
  font-weight:700;
  line-height:29px
}
.m-course .timeline {
  overflow:hidden;
  position:relative;
  padding-left:8px
}
.m-course .timeline:before {
  content:"";
  top:10px;
  bottom:50px;
  width:2px;
  background:#e0e0e0;
  left:7px;
  position:absolute
}
.m-course .point {
  margin-bottom:40px;
  height:24px;
  padding-left:58px;
  font-size:14px;
  font-weight:700;
  position:relative
}
.m-course .point::before {
  content:"";
  height:16px;
  width:16px;
  border:2px solid #e0e0e0;
  border-radius:50%;
  position:absolute;
  left:-8px;
  top:4px;
  background:#fff
}
.m-strength {
  padding-top:50px
}
.m-strength .slider-wrap {
  padding-bottom:60px
}
.m-strength .strength-intro {
  line-height:2
}
.m-strength .cert-tit {
  margin-bottom:30px;
  text-align:center;
  font-weight:400
}
.m-strength .cert-tit .iconfont {
  margin-right:10px;
  font-size:48px;
  color:#ebebeb;
  line-height:1;
  vertical-align:middle
}
.m-strength .cert-text {
  font-size:26px;
  line-height:32px;
  font-weight:700;
  vertical-align:middle
}
.m-strength .cert-item {
  float:left;
  width:280px;
  height:440px
}
.m-strength .cert-img {
  width:280px;
  height:380px;
  padding:10px;
  border:10px solid #ebebeb;
  background-color:#fff
}
.m-strength .cert-name {
  height:60px;
  padding-top:10px;
  font-size:14px;
  text-align:center
}
.m-strength .honor-wrap {
  padding-top:60px;
  padding-bottom:30px;
  background:#f9f9f9
}
.m-strength .honor-item {
  float:left;
  margin-right:20px
}
.m-strength .item-first .honor-img {
  height:420px
}
.m-strength .honor-img {
  width:280px;
  height:180px;
  margin-bottom:10px;
  border:1px solid #ebebeb;
  padding:15px;
  background:#fff
}
.m-strength .honor-tit {
  height:50px;
  text-align:center;
  font-size:14px
}
.cert-slider {
  width:1200px
}
.cert-slider .slick-dots {
  bottom:-10px
}
.cert-slider .slick-dots button {
  background:rgba(34,34,34,.2)
}
.cert-slider .slick-active button {
  background:#d8262b
}
.cert-slider .slick-arrow {
  position:absolute;
  left:0;
  top:165px;
  z-index:10;
  background:rgba(0,0,0,.2);
  width:25px;
  height:50px;
  text-align:center;
  line-height:50px;
  color:#fff;
  cursor:pointer
}
.cert-slider .slick-arrow.icon-right {
  left:auto;
  right:20px
}
.m-automatic {
  background:url(../images/auto-bg.jpg) no-repeat center 0
}
.m-automatic .ms-head_des {
  width:980px;
  margin:0 auto;
  text-align:left
}
.m-automatic .auto-list {
  padding-top:22px;
  padding-left:22px;
  background:#fff
}
.m-automatic .auto-item {
  float:left;
  width:364px;
  height:240px;
  position:relative;
  overflow:hidden;
  margin-right:22px;
  margin-bottom:22px;
  color:#fff;
  cursor:default
}
.m-automatic .au-title {
  margin-bottom:10px;
  font-size:20px;
  font-weight:700
}
.m-automatic .au-layer {
  position:absolute;
  top:135px;
  padding:30px 14px 0 30px;
  width:364px;
  height:240px;
  transition:top .4s,background .4s
}
.m-automatic .au-des {
  padding-left:19px;
  position:relative;
  margin-bottom:28px;
  font-size:14px
}
.m-automatic .au-des:before {
  content:"";
  height:12px;
  width:12px;
  border-radius:50%;
  position:absolute;
  left:0;
  top:5px;
  border:2px solid rgba(255,255,255,.9)
}
.m-automatic .auto-item:hover .au-layer {
  top:0;
  background:rgba(44,92,196,.96)
}
.m-automatic .auto-card {
  margin-top:60px;
  border:20px solid #f3f6f8
}
.m-automatic .ac-image {
  float:left;
  width:560px;
  height:315px
}
.m-automatic .ac-con {
  float:left;
  width:580px;
  padding-left:40px;
  padding-top:30px
}
.m-automatic .ac-title {
  padding-bottom:22px;
  position:relative;
  margin-bottom:18px;
  font-size:26px;
  font-weight:700;
  line-height:35px
}
.m-automatic .ac-title:before {
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  height:3px;
  width:48px;
  background:#d8262b
}
.m-automatic .ac-intro {
  width:500px
}
.m-contact-bar {
  margin-top:-80px;
  margin-bottom:50px;
  height:257px;
  padding-top:137px;
  color:#fff;
  background:url(../images/contact-bar.jpg) no-repeat center 0
}
.m-contact-bar .cb-text {
  padding-left:330px;
  width:940px;
  float:left;
  font-size:18px;
  line-height:30px;
  font-weight:700
}
.m-contact-bar .button {
  margin-top:6px;
  background:none;
  color:#fff;
  border:1px solid #fff;
  width:180px;
  line-height:46px;
  font-weight:500
}
.m-contact-bar .button:hover {
  background:rgba(255,255,255,.1)
}
.join-banner {
  background-image:url(../images/join-banner.jpg)
}
.m-recruit {
  padding-bottom:60px;
  padding-top:20px
}
.m-recruit .rec-bar {
  height:140px;
  padding-top:30px;
  color:#fff;
  text-align:center;
  border-radius:4px 4px 0 0
}
.m-recruit .rec-bar .iconfont {
  margin-bottom:10px;
  font-size:40px;
  line-height:1;
  display:block
}
.m-recruit .rec-type {
  font-size:24px;
  font-weight:700
}
.m-recruit .rec-social {
  float:left;
  width:575px
}
.m-recruit .rec-social .rec-bar {
  background:#e29b3e url(../images/rec1.jpg) no-repeat 0 0
}
.m-recruit .rec-school {
  float:right;
  width:575px
}
.m-recruit .rec-school .rec-bar {
  background:#2c5cc4 url(../images/rec2.jpg) no-repeat 0 0
}
.m-recruit .rec-list {
  padding:20px;
  background:#f8f8f8
}
.m-recruit .rec-item {
  padding:20px 30px;
  margin-bottom:20px;
  background:#fff
}
.m-recruit .rec-tit {
  margin-bottom:10px;
  font-size:18px;
  font-weight:700
}
.m-recruit .button {
  border:0 none;
  line-height:48px
}
.m-recruit-list .down_button .button {
  width:120px;
  font-size:14px;
  line-height:36px;
  height:38px
}
.m-recruit-list .down_info {
  font-size:14px;
  line-height:20px;
  color:#999
}
.m-recruit-list .down_span {
  float:left;
  position:relative;
  padding-right:14px;
  margin-right:15px
}
.m-recruit-list .down_span+.down_span:before {
  content:"";
  position:absolute;
  left:-15px;
  top:3px;
  width:1px;
  height:13px;
  background:#dcdfe1
}
.m-recruit-list .down_need {
  padding-right:34px;
  background:url(../images/need.png) no-repeat right -2px;
  background-size:24px 24px
}
.m-recruit-detail .am-itm {
  display:inline-block;
  width:32%;
  margin-bottom:20px
}
.m-recruit-detail .article_meta {
  padding-bottom:1px
}
.m-recruit-detail .rd-button {
  padding-bottom:40px;
  border-bottom:1px solid #cacaca
}
.m-recruit-detail .rd-button .button {
  width:397px
}
.m-recruit-detail .lay-main {
  padding-bottom:46px
}
.solution-banner {
  background-image:url(../images/solution-banner.jpg)
}
.video-banner {
  background-image:url(../images/video-banner.jpg)
}
.m-one-step {
  padding-top:60px;
  height:440px;
  background:url(../images/one-step-bg.jpg) no-repeat center 0
}
.m-one-step .os-title {
  margin-bottom:40px
}
.m-one-step .os-card {
  width:25%;
  float:left;
  background:#fff;
  height:248px;
  padding:40px 30px 0
}
.m-one-step .os-card+.os-card {
  border-left:1px solid #dcdfe1
}
.m-one-step .os-name {
  margin-bottom:10px;
  font-size:18px;
  line-height:24px;
  font-weight:700;
  text-align:center
}
.m-one-step .os-icon {
  height:56px;
  width:56px;
  margin:0 auto 30px;
  border-radius:50%;
  background:#2c5cc4;
  color:#fff;
  text-align:center;
  line-height:56px
}
.m-one-step .os-icon .iconfont {
  font-size:30px
}
.m-one-step .os-des {
  font-size:13px;
  line-height:24px;
  color:#666
}
.m-sol-detail .sp-main {
  float:left;
  width:570px
}
.m-sol-detail .sol-primary {
  padding-bottom:70px
}
.m-sol-detail .article_title {
  margin-bottom:30px
}
.m-sol-detail .sp-intro {
  height:275px
}
.m-sol-detail .sp-contact .button {
  width:286px;
  margin-right:23px;
  float:left
}
.m-sol-detail .sp-tel-tit {
  margin-bottom:4px;
  font-size:13px;
  color:#666
}
.m-sol-detail .sp-image {
  float:right;
  width:520px;
  margin-right:10px;
  margin-top:50px
}
.m-sol-detail .sp-image img {
  border-radius:16px;
  box-shadow:10px -10px rgba(0,0,0,.08)
}
.m-sol-detail .sol-q {
  height:572px;
  background:#e8e9eb url(../images/solution-detail-bg1.jpg) no-repeat center 0
}
.m-sol-detail .sq-list {
  background:#fff
}
.m-sol-detail .sq-item {
  width:25%;
  padding-top:40px;
  height:180px;
  text-align:center
}
.m-sol-detail .sq-item+.sq-item {
  border-left:1px solid #eaeaea
}
.m-sol-detail .sq-icon {
  height:56px;
  width:56px;
  margin:0 auto 20px;
  line-height:56px;
  border-radius:50%;
  background:#2c5cc4;
  color:#fff
}
.m-sol-detail .sq-icon .iconfont {
  font-size:32px
}
.m-sol-detail .sq-text {
  color:#666
}
.m-sol-detail .sq-online {
  height:200px;
  padding-top:56px;
  padding-left:370px;
  border-top:1px solid #eaeaea;
  background:#fff url(../images/solution-detail-bg2.jpg) 0 bottom no-repeat
}
.m-sol-detail .sq-quote {
  margin-bottom:19px;
  color:#2c5cc4;
  font-size:26px;
  line-height:35px;
  font-weight:700
}
.m-sol-detail .sq-des {
  font-size:18px;
  padding-left:10px
}
.m-sol-detail .sol-detail {
  background:#2c5cc4;
  color:#fff
}
.m-sol-detail .sol-content {
  margin-bottom:40px;
  border-bottom:1px solid rgba(255,255,255,.2)
}
.m-sol-detail .sol-con-main {
  padding-bottom:20px;
  line-height:2
}
.m-sol-detail .sol-con-main p {
  margin-bottom:20px
}
.m-sol-detail .sol-item {
  float:left;
  width:570px;
  margin-right:40px;
  margin-bottom:40px
}
.m-sol-detail .sol-item:nth-child(2n) {
  margin-right:0
}
.m-sol-detail .sol-item img {
  margin-bottom:40px;
  border-radius:8px;
  background:#fff;
  overflow:hidden;
  text-align:center;
  line-height:1;
  height:336px;
  width:570px;
  box-shadow:0 0 0 10px rgba(255,255,255,.1)
}
.m-sol-detail .sol-item .middle-img {
  text-align:left;
  font-size:inherit
}
.m-sol-detail .sol-item .middle-img:before {
  display:none
}
.m-sol-detail .single {
  float:none;
  width:100%
}
.m-sol-detail .single img {
  width:570px;
  height:auto;
  margin:0 auto 40px;
  display:block
}
.m-sol-super .ft-tit {
  margin-bottom:30px
}
.m-sol-super .ss-item {
  padding:40px 48px 0;
  height:320px;
  border:1px solid #e1e8ed;
  border-radius:8px;
  background:#fff
}
.m-sol-super .ss-item .iconfont {
  display:inline;
  font-size:0
}
.m-sol-super .ss-item .iconfont:before {
  font-size:40px
}
.m-sol-super .ss-name {
  text-align:center;
  font-size:20px;
  line-height:32px;
  font-weight:700
}
.m-sol-super .ss-con {
  color:#657787
}
.m-news-primary {
  padding-bottom:50px
}
.m-news-primary .news-primary {
  margin-bottom:30px
}
.m-news-primary .np-cover {
  float:left;
  width:580px;
  height:435px
}
.m-news-primary .np-content {
  padding:30px;
  background:#fff;
  border-radius:4px;
  border:20px solid #f3f6f8;
  overflow:hidden;
  height:435px
}
.m-news-primary .np-title {
  margin-bottom:10px;
  font-size:20px;
  line-height:32px
}
.m-news-primary .np-date {
  margin-bottom:30px;
  font-size:14px
}
.m-news-primary .np-intro {
  height:146px;
  overflow:hidden
}
.m-news-primary .ms-news_list {
  border-radius:4px
}
.m-news-list .news-list {
  padding-bottom:40px
}
.m-news-list .news-item {
  padding:30px;
  margin-bottom:30px;
  border:1px solid #eaeaea;
  border-radius:4px
}
.m-news-list .news-img {
  display:block;
  width:200px;
  height:150px;
  float:left;
  margin-right:20px
}
.m-news-list .news-con {
  padding-top:10px;
  overflow:hidden
}
.m-news-list .news-tit {
  margin-bottom:10px;
  font-size:18px;
  line-height:24px
}
.m-news-list .news-date {
  margin-bottom:26px;
  font-size:14px;
  color:#999
}
.m-news-list .news-intro {
  height:40px;
  font-size:14px;
  line-height:20px;
  color:#999;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2
}
.news-detail .news-main {
  padding-bottom:60px
}
.article_title {
  margin-top:40px;
  margin-bottom:30px;
  font-size:32px;
  font-weight:700
}
.article_meta {
  padding:20px 30px;
  margin-bottom:30px;
  background:#f3f6f8;
  color:#666;
  font-size:14px
}
.article_meta .am-item {
  padding-right:20px;
  margin-right:20px;
  position:relative
}
.article_meta .am-item:after {
  content:"";
  position:absolute;
  right:0;
  top:2px;
  height:15px;
  width:1px;
  background-color:#dcdfe1
}
.article_meta .am-item:last-child:after {
  display:none
}
.article_meta li {
  line-height:32px;
  color:#666
}
.article_content img {
  max-width:100%
}
.article_content .figcaption {
  margin-top:30px;
  margin-bottom:30px;
  padding-top:10px;
  border-top:1px solid #dcdfe1;
  text-align:center;
  color:#999;
  font-size:14px
}
.article_content p {
  font-size:16px;
  margin-bottom:30px;
  line-height:2
}
.article_tit {
  margin-bottom:30px;
  padding-left:21px;
  font-size:24px;
  font-weight:700;
  background:url(../images/title-bg-red.png) no-repeat 0 center;
  background-size:12px 24px
}
.article_nav {
  padding-top:10px;
  border-top:1px solid #dcdfe1;
  font-size:14px
}
.article_nav .prev {
  float:left;
  width:50%
}
.article_nav .next {
  float:right;
  width:50%;
  text-align:right
}
.article_nav .an-a {
  display:inline-block;
  max-width:360px;
  vertical-align:middle;
  color:#666;
  text-decoration:underline
}
.article_nav .an-a:hover {
  color:#2c5cc4
}
.article_nav .an-text {
  vertical-align:middle
}
.m-search-head {
  padding-top:40px;
  padding-bottom:50px
}
.m-search-list .sl-tab {
  height:60px;
  padding-left:30px;
  margin-bottom:30px;
  background:#f3f6f8
}
.m-search-list .sl-tab-item {
  float:left;
  line-height:60px;
  height:60px;
  margin-right:60px;
  position:relative
}
.m-search-list .sl-tab-a {
  color:#666
}
.m-search-list .active {
  border-bottom:2px solid #2c5cc4;
  font-weight:700
}
.m-search-list .active .sl-tab-a {
  color:#2c5cc4
}
.m-search-list .sl-count {
  font-size:14px
}
.m-search-list .sl-item {
  padding-top:30px;
  padding-bottom:30px;
  border-bottom:1px solid #eaeaea
}
.m-search-list .sl-img {
  float:left;
  width:208px;
  height:156px;
  margin-right:22px;
  border:1px solid #eaeaea;
  border-radius:4px
}
.m-search-list .sl-main {
  overflow:hidden
}
.m-search-list .sl-tit {
  margin-bottom:24px;
  font-size:18px;
  line-height:24px
}
.m-search-list .sl-tit em {
  font-style:normal;
  color:#d8262b
}
.m-search-list .sl-con {
  padding:16px 70px 16px 30px;
  background:#f5f5f5;
  border-radius:4px
}
.m-search-list .sl-text {
  height:48px;
  margin-bottom:4px;
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  color:#666
}
.m-search-list .sl-more {
  color:#666;
  font-size:13px
}
.m-search-list .u-paging {
  padding-top:40px;
  padding-bottom:60px
}
.m-search-list .sl-empty {
  padding:80px 0 169px 454px
}
.m-search-list .sl-empty .icon-chat {
  font-size:20px;
  line-height:1;
  vertical-align:middle
}
.m-search-list .sl-check {
  margin-bottom:40px;
  font-size:14px;
  line-height:2;
  color:#666
}
.m-search-list .sl-tip {
  position:relative
}
.m-search-list .sl-tip:before {
  font-family:iconfont;
  content:"";
  color:#d8262b;
  position:absolute;
  left:-34px
}
.m-product-filter .sl-empty {
  padding:80px 0;
  text-align:center
}
.m-product-filter .sl-empty .icon-chat {
  font-size:20px;
  line-height:1;
  vertical-align:middle
}
.m-product-filter .sl-check {
  margin-bottom:40px;
  font-size:14px;
  line-height:2;
  color:#666
}
.m-product-filter .sl-tip {
  position:relative;
  display:inline-block;
  padding-left:34px
}
.m-product-filter .sl-tip:before {
  font-family:iconfont;
  content:"";
  color:#d8262b;
  position:absolute;
  left:0
}
.m-album-detail .album-detail {
  padding-bottom:60px
}
.album-slide .image-main {
  margin-bottom:40px
}
.album-slide .image-main img {
  display:block;
  max-width:100%;
  margin:0 auto
}
.album-slide .slide-nav {
  position:relative;
  margin-bottom:40px;
  height:96px;
  padding-left:52px;
  padding-right:52px
}
.album-slide .slide-nav-main {
  width:788px
}
.album-slide .sn-ul {
  height:96px;
  overflow:hidden;
  position:static
}
.album-slide .sn-img {
  float:left;
  margin-right:14px;
  width:144px;
  height:96px;
  border:1px solid #eaeaea;
  padding:4px;
  text-align:center;
  line-height:1
}
.album-slide .sn-img img {
  max-width:100%;
  max-height:100%
}
.album-slide .sn-img.active {
  border-width:2px;
  border-color:#2c5cc4;
  padding:3px
}
.album-slide .slick-arrow {
  width:40px;
  height:96px;
  position:absolute;
  top:0;
  background:#f3f6f8;
  text-align:center;
  line-height:96px;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  color:#999;
  border-radius:4px;
  font-size:24px
}
.album-slide .icon-left {
  left:0
}
.album-slide .icon-right {
  right:0
}
.m-album-list .album-list {
  padding-bottom:60px
}
.m-album-list .album-item {
  float:left;
  margin-right:20px;
  width:280px;
  height:264px;
  margin-bottom:30px;
  background:#f9f9f9;
  border-radius:4px;
  overflow:hidden
}
.m-album-list .album-item:nth-child(3n) {
  margin-right:0
}
.m-album-list .album-cover {
  width:280px;
  height:186px;
  position:relative
}
.m-album-list .video-icon {
  height:40px;
  width:40px;
  border-radius:50%;
 /** background:url(../images/play.png) no-repeat 0 0;**/
  background-size:40px 40px;
  position:absolute;
  left:120px;
  top:73px
}
.m-album-list .video-time {
  position:absolute;
  color:#fff;
  right:12px;
  bottom:13px
}
.m-album-list .img {
  width:100%;
  height:100%;
  background-size:cover;
  background-position:center center
}
.m-album-list .album-info {
  padding:12px 20px 0
}
.m-album-list .album-name {
  margin-bottom:10px;
  font-size:16px;
  height:24px;
  overflow:hidden
}
.m-album-list .album-date {
  font-size:13px;
  color:#999
}
.m-image-list .ms-album_item {
  padding-top:30px
}
.m-image-list .ms-album_img-wrap:after,
.m-image-list .ms-album_img-wrap:before {
  display:none
}
.m-video-detail .video-wrap {
  height:587px
}
.m-video-detail .video-wrap video {
  height:587px;
  width:100%
}
.m-video-detail .lay-main {
  padding-bottom:60px
}
.video-wrap .video-js .vjs-big-play-button {
  height:56px;
  width:56px;
  border-radius:50%;
  border:0 none;
  line-height:56px;
  left:50%;
  top:50%;
  margin-top:-28px;
  margin-left:-28px
}
.m-s-happy {
  color:#fff
}
.m-s-happy .sh-wrap {
  padding:36px 40px 30px;
  background:#2c5cc4;
  border:20px solid #f3f6f8
}
.m-s-happy .sh-title {
  margin-top:24px;
  font-size:26px;
  line-height:35px;
  font-weight:700;
  padding-bottom:23px;
  position:relative;
  margin-bottom:18px
}
.m-s-happy .sh-title:after {
  content:"";
  height:3px;
  width:48px;
  position:absolute;
  bottom:0;
  left:0;
  background:rgba(255,255,255,.6)
}
.m-s-happy .sh-con {
  float:left;
  width:548px
}
.m-s-happy .sh-img {
  float:right;
  width:470px;
  height:200px;
  border-radius:4px;
  overflow:hidden
}
.m-s-cover {
  color:#333
}
.m-s-cover .sh-title:after {
  background:#2c5cc4
}
.m-s-cover .sh-wrap {
  background:#fff
}
.m-s-cover .sh-img {
  width:300px
}
.m-album-staff {
  padding-bottom:60px
}
.m-album-staff .ms-album_item {
  margin-bottom:40px
}
.m-album-staff .ms-album_item:nth-child(3n) {
  margin-right:0
}
.m-album-staff .as-btn {
  text-align:center
}
.ms-map_wrap {
  position:relative;
  border-radius:4px;
  border:20px solid #f3f6f8
}
.ms-map_container {
  width:1140px;
  height:460px
}
.ms-map_box {
  width:326px;
  height:380px;
  padding:40px;
  position:absolute;
  top:40px;
  left:710px;
  background:rgba(255,255,255,.9);
  box-shadow:0 1px 10px 0 rgba(43,49,63,.08);
  border-radius:4px;
  border:1px solid #fff
}
.ms-map_logo {
  width:168px;
  height:44px;
  margin-bottom:24px
}
.ms-map_company {
  margin-bottom:20px;
  font-size:20px;
  line-height:26px;
  font-weight:700
}
.ms-map_tel-label {
  color:#9aa5b0;
  font-size:14px
}
.ms-map_btn .button {
  line-height:38px;
  height:40px;
  font-size:14px
}
.m-network {
  padding-top:20px;
  padding-bottom:60px
}
.m-network .ms-head_des {
  width:980px;
  margin:0 auto 40px;
  text-align:left
}
.m-network .service-network {
  margin-bottom:35px
}
.m-network .service-map {
  width:780px;
  height:580px;
  float:left;
  position:relative
}
.m-network .svg-map {
  width:100%;
  height:100%
}
.m-network .map-mark {
  position:absolute;
  left:41px;
  bottom:18px;
  font-size:14px
}
.m-network .map-mark-item {
  position:relative;
  padding-left:32px;
  line-height:20px;
  margin-bottom:10px
}
.m-network .map-mark-item img {
  position:absolute;
  left:2px
}
.m-network .map-mark-item .mark-sp {
  top:-2px;
  left:0
}
.m-network .service-card {
  float:right;
  width:380px;
  height:503px;
  padding:40px 40px 0;
  margin-top:35px;
  border:1px solid #e1e8ed;
  border-radius:8px;
  background:#f8f9fd
}
.m-network .company-name {
  margin-bottom:10px;
  font-size:20px;
  line-height:1.3;
  font-weight:700
}
.m-network .en {
  font-size:14px;
  color:#999
}
.m-network .info-card {
  padding-top:20px;
  padding-bottom:20px;
  border-top:1px solid rgba(191,191,191,.3)
}
.m-network .ic-icon {
  float:left;
  height:46px;
  width:46px;
  margin-right:14px;
  line-height:42px
}
.m-network .ic-icon .iconfont {
  font-size:24px
}
.m-network .ic-con {
  overflow:hidden
}
.m-network .ic-tel {
  font-size:24px
}
.m-network .ic-tel,
.m-network .ic-mail {
  font-weight:600;
  font-family:arial,sans-serif
}
.m-network .ic-addr {
  font-size:15px
}
.m-network .table-wrap {
  height:400px;
  overflow-y:auto
}
.m-network .table-wrap::-webkit-scrollbar {
  width:8px;
  height:8px
}
.m-network .table-wrap::-webkit-scrollbar-thumb {
  background:#9aa5b0;
  border-radius:4px
}
.m-network .table-wrap::-webkit-scrollbar-track {
  background:transparent
}
#jsmap-tip {
  box-shadow:0 3px 14px 0 rgba(2,27,65,.1)
}
.u-map-card {
  padding:16px 20px 12px 70px;
  border-radius:4px;
  background:#fff url(../images/logo-map-card.png) no-repeat 20px 16px;
  background-size:42px 42px
}
.u-map-card .mc-name {
  font-size:14px;
  line-height:18px;
  font-weight:500
}
.u-map-card .mc-con {
  font-size:12px;
  color:#5b606a;
  line-height:18px
}
.u-map-card .mc-con p {
  margin-top:6px
}
.area-table {
  width:100%
}
.area-table th {
  padding-left:32px;
  height:50px;
  background:#e2e8f7;
  font-weight:700
}
.area-table th:first-child {
  border-radius:4px 0 0 4px
}
.area-table th:last-child {
  border-radius:0 4px 4px 0
}
.area-table td {
  height:49px;
  padding-left:32px;
  border-bottom:1px solid #ebebeb;
  color:#666
}
.area-table td span {
  width:50px;
  display:inline-block
}
.area-table tr:nth-child(2n) {
  background:#f8f9fd
}
.m-foreign {
  height:813px;
  background:#264fa9 url(../images/world-map.jpg) no-repeat center 0
}
.m-foreign .layout {
  padding-top:60px;
  position:relative
}
.m-foreign .point-item {
  position:absolute;
  padding-left:45px;
  font-weight:700;
  font-size:18px;
  color:#fff
}
.m-foreign .point-item:before {
  content:"";
  height:15px;
  width:15px;
  border-radius:50%;
  background:#ff5f5f;
  left:0;
  position:absolute;
  top:6px
}
.m-foreign .point-item:after {
  content:"";
  height:45px;
  width:45px;
  border-radius:50%;
  position:absolute;
  left:-15px;
  top:-9px;
  background:rgba(255,95,95,.38)
}
.m-foreign .pi1:after {
  -webkit-animation-delay:2s;
  animation-delay:2s
}
.m-foreign .pi2:after {
  -webkit-animation-delay:3s;
  animation-delay:3s
}
.m-foreign .pi3:after {
  -webkit-animation-delay:5s;
  animation-delay:5s
}
.m-foreign .pi4:after {
  -webkit-animation-delay:4s;
  animation-delay:4s
}
@-webkit-keyframes point {
  0% {
    transform:scale(0.5);
    opacity:1
  }
  50% {
    transform:scale(1);
    opacity:1
  }
  100% {
    transform:scale(1.5);
    opacity:0
  }
}
@keyframes point {
  0% {
    transform:scale(0.5);
    opacity:1
  }
  50% {
    transform:scale(1);
    opacity:1
  }
  100% {
    transform:scale(1.5);
    opacity:0
  }
}
.m-net-service .ft-tit {
  margin-bottom:40px
}
.m-repairs .u-i-tit {
  display:inline-block
}
.m-repairs .re-steps {
  margin-bottom:20px
}
.m-repairs .re-step {
  width:280px;
  height:100px;
  position:relative;
  overflow:hidden;
  padding:15px 0 15px 50px;
  background:#fff;
  border-radius:4px
}
.m-repairs .re-icon-img {
  margin-right:14px;
  display:inline-block;
  vertical-align:middle
}
.m-repairs .re-name {
  display:inline-block;
  vertical-align:middle;
  font-weight:700
}
.m-repairs .re-arrow {
  width:20px;
  position:relative
}
.m-repairs .re-icon {
  position:absolute;
  white-space:nowrap;
  color:#9aa5b0;
  letter-spacing:-8px;
  top:36px;
  left:-1px
}
.m-repairs .re-bg {
  position:absolute;
  right:0;
  top:-40px;
  font-size:80px;
  font-weight:700;
  color:#f3f6f8;
  line-height:93px;
  font-family:arial,sans-serif
}
.m-repairs .ms-form_main {
  width:880px;
  height:506px;
  padding-top:60px
}
.m-repairs .ms-form_main .select,
.m-repairs .ms-form_main .form-control {
  width:632px
}
.m-repairs .ms-form_main textarea {
  height:104px
}
.m-repairs .ms-form_main .button {
  width:380px
}
.m-repairs .ms-form_label {
  width:168px
}
.m-repairs .ms-form_btn {
  padding-left:293px
}
.m-repairs .ms-form_service {
  height:506px
}
.m-repairs .ms-form_service .button {
  width:140px;
  font-size:14px;
  height:40px;
  line-height:38px
}
.m-repairs .ms-form_des {
  padding-top:30px;
  margin-top:26px;
  border-top:1px dotted #9aa5b0
}
.m-repairs .ms-form_tel {
  margin-bottom:26px
}
.m-repairs .hotline-label {
  color:#9aa5b0;
  font-size:14px
}
.m-repairs .hotline-tip {
  margin-bottom:20px;
  padding-left:65px;
  font-size:13px;
  color:#9aa5b0
}
.m-repairs .ms-form_hotline {
  padding-left:30px;
  text-align:left
}
.m-repairs .ms-form_hotline .ft-num {
  font-size:18px
}
.m-tool {
  padding-top:20px;
  padding-bottom:60px
}
.m-tool .tt-des {
  color:#666
}
.m-tool .tt-name {
  font-size:28px;
  font-weight:700
}
.m-tool .current {
  background:#2c5cc4;
  color:#fff
}
.m-tool .current .tt-des {
  color:#fff
}
.m-tool .calc-item {
  width:33.33%;
  margin-bottom:30px
}
.m-tool .calc-input {
  width:180px;
  height:48px;
  border:1px solid #e6e6e6;
  border-radius:4px;
  padding:5px 10px;
  margin-right:10px
}
.m-tool .calc-unit {
  font-size:14px
}
.m-tool .calc-btn-wrap {
  padding-top:30px;
  text-align:center
}
.m-tool .calc-tip {
  margin-top:60px;
  padding-top:39px;
  border-top:1px dotted #9aa5b0;
  font-size:14px;
  line-height:32px
}
.m-tool .calc-tab {
  margin-bottom:40px;
  text-align:center
}
.m-tool .calc-tab-nav {
  display:inline-block;
  height:40px;
  padding-left:20px;
  padding-right:20px;
  text-align:center;
  line-height:38px;
  border-radius:4px;
  margin-right:10px;
  font-size:14px
}
.m-tool .calc-tab-nav.active {
  color:#fff;
  background:#2c5cc4;
  border-color:#2c5cc4
}
.m-tool table {
  margin:0 auto;
  border:1px solid #eaeaea
}
.m-tool table td {
  border:1px solid #eaeaea;
  padding:10px 20px;
  font-size:14px
}
.m-tool table label {
  cursor:pointer
}
.m-tool table .calc-input {
  height:38px
}
.m-tool .td-label {
  margin-right:10px;
  font-size:14px
}
.button.mini {
  height:32px;
  line-height:32px;
  width:160px;
  font-size:13px
}
.tool-tab {
  margin-bottom:40px
}
.tool-tab-nav {
  float:left;
  height:130px;
  width:130px;
  margin-right:130px;
  padding-top:30px;
  text-align:center;
  border-radius:4px;
  background:#f3f6f8;
  border:1px solid #e5e9ef
}
.tool-tab-nav:last-child {
  margin-right:0
}
.tool-tab-content {
  display:none;
  padding:50px 60px 60px;
  border:10px solid #f3f6f8
}
.tool-tab-content.show {
  display:block
}
.tool-name {
  margin-bottom:60px;
  text-align:center;
  font-size:24px;
  line-height:1
}
.down_list {
  padding-bottom:60px
}
.down_list .u-paging {
  padding-top:10px
}
.down_item {
  margin-bottom:20px;
  padding:20px 30px;
  border:1px solid #eaeaea;
  position:relative
}
.down_name {
  width:640px;
  margin-bottom:9px;
  font-size:18px;
  line-height:24px
}
.down_date {
  color:#999;
  font-size:14px;
  line-height:20px
}
.down_button {
  position:absolute;
  right:30px;
  top:20px
}
.down_button span {
  font-size:14px
}
.down_button .iconfont {
  line-height:1;
  vertical-align:middle
}
.down_button .button {
  width:120px;
  height:38px;
  line-height:36px
}
.m-file-detail {
  padding-top:40px;
  padding-bottom:60px
}
.m-file-detail .file-main {
  margin-bottom:30px
}
.m-file-detail .file-image {
  width:380px;
  height:285px;
  margin-right:40px;
  float:left;
  border:1px solid #dcdfe1;
  border-radius:4px
}
.m-file-detail .file-name {
  margin-top:0;
  margin-bottom:20px
}
.m-file-detail .file-content {
  overflow:hidden
}
.m-file-detail .file-intro {
  min-height:135px;
  padding-bottom:24px
}
.m-file-detail .file-nav {
  padding:20px;
  border-top:0 none;
  background:#f6f6f6;
  border-radius:4px
}
.m-case-list .case-title {
  margin-bottom:40px
}
.m-case-list .case-nav {
  margin-bottom:40px
}
.m-case-list .case-nav-a {
  float:left;
  width:195px;
  height:80px;
  margin-right:2px;
  margin-bottom:2px;
  padding-top:20px;
  padding-left:36px;
  border-radius:4px;
  background:#f6f6f6;
  line-height:40px;
  color:#666;
  transition:background .3s
}
.m-case-list .case-nav-a:nth-child(6n) {
  margin-right:0
}
.m-case-list .case-icon {
  float:left;
  margin-right:10px;
  height:40px;
  width:40px;
  border-radius:50%;
  border:1px solid #cacaca;
  text-align:center;
  color:#999;
  padding-top:7px;
  line-height:1
}
.m-case-list .case-icon img {
  width:24px;
  height:24px
}
.m-case-list .case-icon .iconfont {
  font-size:24px
}
.m-case-list .case-nav-a:hover,
.m-case-list .active {
  color:#fff;
  background:#2c5cc4
}
.m-case-list .case-nav-a:hover .case-icon,
.m-case-list .active .case-icon {
  color:#2c5cc4;
  background:#fff;
  border-color:#fff
}
.m-case-list .ms-case_item {
  margin-bottom:40px
}
.m-case-list .ms-case_item:nth-child(4n) {
  margin-right:0
}
.m-scope {
  background:#152d5b url(../images/inner-page-banner.jpg) no-repeat center 0
}
.m-scope .scope-tit {
  margin-bottom:40px;
  color:#fff
}
.m-scope .scope-item {
  float:left;
  width:196px;
  height:320px;
  margin-right:-1px;
  padding:40px 26px 0;
  border:1px solid #6a80a3
}
.m-scope .scope-item:first-child {
  border-radius:4px 0 0 4px
}
.m-scope .scope-item:last-child {
  border-radius:0 4px 4px 0
}
.m-scope .scope-icon {
  height:56px;
  width:56px;
  margin-bottom:30px;
  border-radius:50%;
  border:1px solid #2c5cc4;
  background:rgba(44,92,196,.3);
  text-align:center;
  color:#fff;
  line-height:54px
}
.m-scope .scope-icon .iconfont {
  font-size:32px
}
.m-scope .scope-name {
  margin-bottom:10px;
  font-size:18px;
  line-height:24px;
  color:#fff
}
.m-scope .scope-con {
  font-size:13px;
  color:rgba(255,255,255,.68);
  line-height:24px
}
.m-scope .scope-btn {
  padding-top:40px;
  text-align:center
}
.m-scope .btn-red {
  background-color:#f95559
}
.m-wiki-search {
  height:360px;
  background:url(../images/wiki-search-bg.jpg) no-repeat center 0
}
.m-i-banner .m-search {
  padding-top:212px
}
.m-i-banner .m-search .ms-search_title {
  margin-bottom:20px;
  color:#fff
}
.m-i-banner .m-search .hot-a,
.m-i-banner .m-search .hot-label {
  color:#eaeaea
}
.m-wiki-nav {
  margin-top:40px;
  margin-bottom:40px
}
.m-wiki-nav .wn-item {
  float:left;
  width:232px;
  background:#f3f6f8;
  border-radius:4px;
  text-align:center;
  height:96px;
  transition:color .3s,background .3s
}
.m-wiki-nav .wn-item+.wn-item {
  margin-left:5px
}
.m-wiki-nav .wn-item:hover,
.m-wiki-nav .active {
  background:#2c5cc4;
  color:#fff
}
.m-wiki-nav .wn-item:hover .wn-icon,
.m-wiki-nav .active .wn-icon {
  color:#fff
}
.m-wiki-nav .wn-item:hover .wn-name,
.m-wiki-nav .active .wn-name {
  color:#fff
}
.m-wiki-nav .wn-name {
  color:#4c5159
}
.m-wiki-nav .wn-icon {
  font-size:60px;
  line-height:1;
  color:#2c5cc4
}
.m-wiki-list .wl-main {
  width:910px;
  padding-bottom:60px
}
.m-wiki-list .wl-side {
  width:232px
}
.m-wiki-list .wl-item {
  margin-bottom:30px
}
.m-wiki-list .wl-title {
  padding-left:42px;
  margin-bottom:10px;
  position:relative;
  line-height:24px;
  font-size:18px
}
.m-wiki-list .wl-icon {
  width:32px;
  height:32px;
  position:absolute;
  left:0;
  top:-4px;
  border-radius:50%;
  background:#337cc9;
  color:#fff;
  text-align:center;
  line-height:32px
}
.m-wiki-list .wl-icon2 {
  position:absolute;
  left:0;
  color:#337cc9
}
.m-wiki-list .wl-icon2 .iconfont {
  font-size:24px
}
.m-wiki-list .wl-con {
  padding:16px 30px;
  background:#f5f5f5;
  border-radius:4px;
  color:#666;
  font-size:13px
}
.m-wiki-list .wl-p {
  margin-bottom:4px;
  line-height:24px
}
.m-wiki-list .wl-more {
  color:#666
}
.m-wiki-list .wl-more:hover {
  color:#2c5cc4
}
.m-qa-list .wl-title {
  padding-left:30px
}
.m-qa-detail .m-wiki-list {
  padding-top:60px;
  padding-bottom:20px
}
.m-qa-detail .m-wiki-list .wl-item {
  margin-top:30px
}
.vr-banner {
  height:500px
}
.vr-banner .header-bg {
  height:280px;
  position:absolute;
  left:0;
  width:100%;
  top:0;
  background:linear-gradient(180deg, #17377C 0%, rgba(44, 92, 196, 0) 100%);
  pointer-events:none
}
.vr-banner .banner-frame {
  position:absolute;
  left:0;
  top:0;
  height:800px;
  width:100%
}
.m-vr-net {
  padding-top:20px;
  padding-bottom:60px
}
.m-vr-net .ft-tit {
  margin-bottom:40px
}
.m-vr-net .ms-net_item {
  height:386px
}
.m-vr-net .ms-net_img {
  height:210px
}
.m-vr-visit {
  padding-top:60px;
  padding-bottom:60px;
  background:#204699 url(../images/vr-visit.jpg) no-repeat center 0
}
.m-vr-visit .ms-visit_hd {
  padding-left:340px
}
.m-vr-visit .ms-visit_title {
  color:#fff;
  background-image:url(../images/icon-vr-visit.png)
}
.m-vr-visit .ms-visit_des {
  color:rgba(255,255,255,.7)
}
.m-vr-visit .input-item,
.m-vr-visit .input {
  width:385px
}
.m-vr-visit .input-name {
  width:385px
}
.m-vr-visit .input-name .input {
  width:385px
}
.m-vr-visit .input-item {
  margin-bottom:10px;
  margin-right:10px
}
.m-vr-visit .input-note {
  width:590px;
  margin-bottom:0
}
.m-vr-visit .input-note .input {
  width:590px
}
.ui-modal .ms-form_main {
  float:none;
  height:auto;
  padding-bottom:40px;
  padding-top:20px
}
.ui-modal .form-control.w240 {
  width:240px
}
.bg-white {
  background:#fff
}