@charset "UTF-8";
* {font-family: '微软雅黑'}
/*header*/
header { height: 78px; background: #fff; }

header div { height: 100%; padding: 0; }

header div.icon a { display: block; height: 100%; background: url(../images/qslh_logo_min.png) no-repeat left; background-size: contain; }

header div.col-md-3{padding-left: 0;}

header nav { height: 100%; }

header nav.nav-box { padding: 0; }

header nav ul { height: 100%; }

header nav ul li { height: 100%; float: left; }

header nav ul li.active > a, header nav ul li:hover > a { color: #00b3ef; }

header nav ul li .nav-list{
    display: none;
}

header nav ul li:hover .nav-list{
    display: block;
}
header nav ul li:hover .nav-list a{
    color: #464646;
}

header nav ul li .nav-list{
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: auto;
    background: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-align: center;
    z-index: 99;
    box-shadow: 0 4px 10px #ccc;
}

header nav ul li .nav-list a{
    margin: auto;
    padding: 10px 10px;
    color: #464646;
}

header nav ul li .nav-list a:hover{
    color: #00b3ef;
}

header nav ul.nav { float: right; }

header nav a { display: block; padding: 30px 43px; font-size: 16px; color: #464646; }

/*end*/
section { width: 100%; overflow: hidden; }

/*banner*/
.banner { width: 100%; height: auto; position: relative; }

.banner .slider { width: 100%; }

.banner .slider .slide { width: 100%; }

.banner .slider .slide a { display: block; }

.banner .slider .slide img { width: 100%; }

.banner .bx-controls { position: absolute; width: 100%; height: 16px; bottom: 56px; text-align: center; }

.banner .bx-controls div { margin: 0 3px; }

.banner .bx-controls div a { display: block; width: 10px; height: 10px; background: #eaeaea; border-radius: 50%; }

.banner .bx-controls div a.active { background: #00b3ef; }

.banner .bx-pager .bx-pager-item { display: inline-block; }

/*选择*/
.chose { width: 100%; height: 760px; background: url("../img/more-bg.jpg") no-repeat center; }

.chose .head { width: 100%; height: 135px; text-align: center; margin-bottom: 70px; }

.chose .head span { padding-top: 30px; display: inline-block; width: 150px; line-height: 32px; height: 100%; font-size: 20px; color: #fff; background: url("../img/more-head.png") no-repeat center; }

.chose .slide-chose .slide .img { width: 100%; height: 186px; }

.chose .slide-chose .slide .font { padding-top: 76px; text-align: center; }

.chose .slide-chose .slide .font h4 { font-size: 20px; color: #4c4c4c; margin-bottom: 40px; height: 44px; }

.chose .bx-wrapper .bx-prev { left: 1%; width: 38px; height: 74px; background: url(../img/left.png) no-repeat center; }

.chose .bx-wrapper .bx-next { right: 1%; width: 38px; height: 74px; background: url("../img/right.png") no-repeat center; }

/*关于我们*/
.section { width: 100%; min-height: 760px; background: #fff; }

.section .title { height: 159px; width: 100%; padding-top: 66px; text-align: center; background: url("../img/line.png") no-repeat center; }

.section .title h3 { margin: 0; font-size: 24px; }

.section .title p { font-size: 18px; color: #838383; font-weight: 400; padding-top: 10px; }

.about .date { overflow: hidden; }

.about .date span { display: block; float: left; font-size: 30px; height: 104px; padding-top: 10px; }

.about .date span.num { padding: 0; font-size: 70px; width: 104px; height: 104px; color: #00b3ef; }

.about .font p { margin-top: 42px; font-size: 14px; color: #323232; line-height: 40px; }

.about .about-font { overflow: hidden; padding-top: 30px; }

.about .s-about { width: 100%; min-height: 196px; overflow: hidden; }

.about .s-about .title-s { padding-left: 30px; font-size: 20px; color: #323232; background: url("../img/light.png") no-repeat left; }

.about .s-about .content { font-size: 14px; padding: 0 36px 40px 0; line-height: 30px; }

/*解决方案*/
.solute { background: url("../img/solute-bg.jpg") no-repeat center; background-size: cover; }

.solute .title { color: #ffffff; }

.solute .title p { color: #ffffff; }

.solute .con { padding-top: 30px; text-align: center; color: #ffffff; font-size: 14px; line-height: 30px; margin-bottom: 64px; }

.solute .img { padding-bottom: 48px; }

.solute .img img { max-width: 100%; }

.solute .bts { text-align: center; display: block; padding-bottom: 70px; }

.solute .bts a { display: inline-block; }

.solute .bts span { display: inline-block; padding: 14px 26px; background: #00b3ef; color: #ffffff; border-radius: 40px; }

/*合作客户*/
.custom { min-height: 402px; background: #fff; }

.custom-box .row { margin-bottom: 20px; }

.custom-box a { display: block; width: 100%; height: 100%;text-align:center; }

.custom-box a img { max-width: 100%; }

.custom-box a img.hidden-s{display:none;}

.custom-box a:hover img{display:none;}

.custom-box a:hover img.hidden-s{display:inline-block;}

/*尾部*/
footer { min-height: 346px; background: #303131; overflow: hidden; }

footer .row { padding-top: 46px; padding-bottom: 36px; }

footer .row .col-md-3, footer .row .col-md-2 { width: 20%; }

footer h4 { color: #ffffff; line-height: 46px; font-size: 18px; }

footer a { color: #8f8f8f; }

footer p.foot { height: 66px; border-top: 1px solid #474747; color: #ffffff; text-align: center; line-height: 66px; }

/*面包屑导航*/
.bread { width: 100%; min-height: 32px; }

.bread span { font-size: 16px; color: #7e7e7e; }

.bread span.fonts { font-family: '微软雅黑'; }

.bread span a { color: #7e7e7e; }

.bread span i { font-size: 30px; color: #00b3ef; vertical-align: middle; }

/*关于我们*/
.about-us { width: 100%; height: 252px; background: url("../img/about-head.jpg") no-repeat center; background-size: cover; }

.about-bread { margin-top: 30px; }

.detail .row { margin-bottom: 30px; }

.detail h4 { font-size: 20px; color: #333333; position: relative; margin-bottom: 50px; }

.detail h4:after { content: ''; display: block; width: 92px; height: 2px; position: absolute; bottom: -16px; left: 0; background: #00b3ef; }

.detail p { font-size: 16px; line-height: 34px; color: #848484; }

.detail p.img-three { margin-bottom: 40px; }

.detail .font-img { width: 100%; min-height: 314px; position: relative; }

.detail .font-img img { max-width: 100%; position: absolute; top: 0; bottom: 0; margin: auto; }

.detail .img-box { margin: 0 -15px 60px;overflow: hidden;  }

/*企业文化*/
.culture { min-height: 590px; background: url("../img/culture-bg.jpg") no-repeat center; background-size: cover; }

.culture .title { background: url("../img/line-fff.png") no-repeat center; }

.culture .title h3 { color: #fff; }

.culture-font { overflow: hidden; }

.culture-font div { min-height: 350px; }

.culture-font span { display: table; width: 122px; height: 122px; background: #ffffff; border-radius: 50%; text-align: center; font-size: 24px; color: #00b3ef; padding: 0 30px; margin-bottom: 58px; }

.culture-font span i { vertical-align: middle; display: table-cell; font-style: normal; }

.culture-font p { font-size: 16px; color: #fff; line-height: 32px; padding-right: 34px; }

/*加入我们*/
.join { overflow: hidden; margin-bottom: 126px; }

.join .tabs { margin-bottom: 36px; text-align: center; }

.join .tabs a { display: inline-block; padding: 34px 18px; font-size: 16px; color: #333333; border: 1px solid #9b9b9b; }

.join .tabs a.active, .join .tabs a:hover { background: #4ccaf4; border: 1px solid #4ccaf4; position: relative; color: #ffffff; }

.join .tabs a.active:after, .join .tabs a:hover:after { content: ''; position: absolute; width: 0; height: 0; border-top: 14px solid #4ccaf4; border-left: 14px solid transparent; border-right: 14px solid transparent; bottom: -13px; left: 0; right: 0; margin: auto; }

.join .swiper-container { border: 1px solid #9b9b9b; height: 380px; }

.join .swiper-container .content-slide { padding: 58px 48px; }

.join .swiper-container span { display: inline-block; padding: 10px 14px; background: #4ccaf4; color: #fff; margin-bottom: 24px; }

.join .swiper-container p { color: #333333; line-height: 22px; }

/*解决方案*/
.solute-head { height: 252px; background: url("../img/solute-head.jpg") no-repeat center; background-size: cover; }

.solute-head2 { height: 252px; background: url("../images/application-head.jpg") no-repeat center; background-size: cover; }

.state { min-height: 600px; padding-top: 60px; background: url("../img/solute-circle.png") no-repeat center; }

.state .row { position: relative; min-height: 532px; }

.state .font { min-height: 142px; }

.state .font span { display: block; font-size: 60px; font-weight: bold; color: #4ccaf4; }

.state .font span.right { text-align: right; }

.state .font p { font-size: 14px; color: #333333; line-height: 34px; }

.state .col-md-4 { min-height: 600px; }

.state .font-cen { width: 128px; height: 74px; position: absolute; left: 0; right: 0; top: 40%; margin: auto; font-size: 24px; color: #333; text-align: center; }

/*分析问题所在*/
.question { min-height: 598px; background: url("../img/ques-bg.jpg") no-repeat center; background-size: cover; }

.question .title { background: url("../img/line-more.png") no-repeat center; }

.question .font p { color: #333333; font-size: 16px; margin-bottom: 36px; line-height: 30px; }

/*解决方案*/
.idea { overflow: hidden; }

.idea h3 { font-size: 18px; font-weight: bold; color: #333333; margin-bottom: 20px; }

.idea img { max-width: 100%; }

.idea p { font-size: 14px; color: #333333; line-height: 28px; }

.idea .row { margin-bottom: 60px; }

@media (min-width: 992px) { .idea .col-xs-2 { width: 12.666666%; } }

.back { background: #ebebeb; min-height: 486px; }

.back .banner .bx-controls { bottom: 0; }

.back .bx-wrapper .bx-pager.bx-default-pager a { background: #ffffff; }

.back .banner { height: 280px; padding-top: 60px; }

.back .banner h4 { font-size: 18px; color: #333333; margin-bottom: 30px; }

.back .banner p { margin-bottom: 60px; }

ul, ol { list-style: none; padding: 0; margin: 0; }

/*新闻*/
.new { width: 100%; height: auto; }

.new-head { height: 110px; width: 100%; padding-top: 55px; }

.new-head p { height: 38px; line-height: 38px; }

.new-head p a { display: inline-block; padding: 12px 32px; color: #666666; font-size: 16px; line-height: 14px; height: 100%; background: #eaeaea; margin-right: 35px; }

.new-head p a.active { background: #00b3ef; color: #fff; }

.new-body .img-box { padding-left: 0; }

.new-body .img { width: 100%; height: 156px; border: 1px solid #bfbfbf; padding: 8px; }

.new-body .img img { width: 100%; height: 100%; }

.new-list { overflow: hidden; padding: 25px 0; }

.new-body { width: 100%; height: auto; }

.new-body .font { width: 100%; height: 156px; }

.new-body .font h4 { line-height: 35px; color: #464646; border-bottom: 1px dashed #c9c9c9; }

.new-body .font p.icon { margin-bottom: 16px; }

.new-body .font p.icon a { display: inline-block; color: #a7a7a7; font-size: 12px; margin-right: 18px; margin-top: 6px; }

.new-body .font p.con { color: #848484; }

.new-body .font p.icon a i { font-size: 14px; margin-right: 10px; }

.new .page { width: 100%; height: 140px; padding: 30px 0; position: relative; }

.new .page ul { float: left; width: auto; height: 100%; }

.new .new-list { position: relative; }

.new .new-list a.click { position: absolute; width: 100%; height: 100%; display: block; left: 0; top: 0; cursor: pointer; z-index: 9; }

.new .page ul li { float: left; width: 28px; height: 28px; border-radius: 50%; border: 1px solid #a3a3a3; margin: 0 5px; text-align: center; }

.new .page ul li a { color: #676767; }

.new .page ul li.active { width: 30px; height: 30px; border: 2px solid #00b3ef; padding: 2px; margin-top: -1px; }

.new .page ul li.active a { background: #00b3ef; color: #ffffff; line-height: 22px; }

.new .page div div { width: 68px; height: 26px; float: left; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; border: 1px solid #a0a0a0; margin: 1px 5px 0; line-height: 24px; }

.new .page div div a { line-height: 24px; color: #676767; }

.new .page a { display: block; width: 100%; height: 100%; line-height: 26px; text-align: center; border-radius: 50%; }

.new .page-content { overflow: hidden; width: 350px; height: 38px; padding-top: 5px; position: absolute; left: 0; right: 0; margin: auto; }

.new-detail { width: 100%; height: auto; overflow: hidden; }

.new-detail h3 { text-align: center; font-size: 20px; line-height: 60px; margin-top: 64px; border-bottom: 1px dashed #cfcfcf; }

.new-detail p.icon { line-height: 60px; color: #b7b7b7; }

.new-detail p.icon a { color: #b7b7b7; margin-right: 20px; }

.new-detail p.icon a i { margin-right: 10px; }

.new-detail .img { width: 100%; height: auto; text-align: center; margin: 38px; }

.new-detail .img-border { width: 674px; height: 373px; padding: 3px; border: 1px solid #d3d3d3; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; box-shadow: 0 0 10px #999; display: inline-block; }

.new-detail .img-border img { width: 100%; height: 100%; }

.new-detail .context p { margin-bottom: 40px; line-height: 24px; }

.new-detail .context { margin-bottom: 60px; }

.new-body .events { display: none; }

/*新闻详情*/
.new-phone { width: 100%; height: auto; }

.new-phone .new-change { width: 100%; height: .8rem; border-bottom: 1px solid #dcdcdc; overflow: hidden; padding: .2rem .24rem 0; }

.new-phone .new-change a { display: inline-block; float: left; width: 1.2rem; height: .4rem; line-height: .4rem; background: #eaeaea; color: #666666; margin-right: .4rem; text-align: center; font-size: 13px; position: relative; z-index: 8; }

.new-phone .new-change a.active { background: #00a0e9; color: #ffffff; }

.new-phone .new-details { width: 100%; height: auto; padding: 0 .24rem; overflow: hidden; }

.new-phone .new-details .events-re-box { display: none; }

.new-list-phone { width: 100%; height: 1.74rem; border-bottom: 1px solid #dcdcdc; position: relative; }

.new-list-phone > a { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; }

.new-list-phone .img { width: 20%; height: 100%; float: left; line-height: 1.74rem; }

.new-list-phone .img img { width: 1.17rem; height: 1.17rem; }

.new-list-phone .font { float: left; width: 80%; padding-top: .2rem; height: 100%; }

.new-list-phone .font p { font-size: 12px; color: #848484; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.new-list-phone .font .title { font-size: 13px; line-height: .6rem; color: #464646; }

.new-list-phone .font .content { width: 100%; height: .74rem; font-size: 12px; line-height: .34rem; }

.new-list-more { width: 100%; min-height: 1.5rem; text-align: center; padding-top: .28rem; }

.new-list-more a { color: #999999; font-size: 13px; }

.new-detail h4 { text-align: center; margin-top: .4rem; font-size: 16px; }

.new-detail .img-phone img { width: 100%; height: auto; margin-bottom: .6rem; }

/*新闻详情*/
#new-detail { width: 100%; height: auto; overflow: hidden; background: #eef2f5 url("../img/new-detail-bg.jpg") no-repeat top; }

#new-detail .news-real { width: 1200px; min-height: 600px; margin: 286px auto 0; background: #fff; }

#new-detail .news-real h4 { text-align: center; font-weight: bold; font-size: 20px; color: #464646; line-height: 64px; border-bottom: 1px dotted #cccccc; }

#new-detail .news-real .user { padding: 0 46px; color: #a7a7a7; margin: 20px 0; }

#new-detail .news-real .user span { display: inline-block; width: 15%; font-size: 12px; color: #8c8c8c; }

#new-detail .news-real .user span img { margin-right: 10px; vertical-align: middle; }

#new-detail .news-real .content { padding: 0 46px 92PX; }

#new-detail .news-real .content p { font-size: 15px; color: #848484; line-height: 34px; }

#new-detail .news-real .content .img { height: 373px; width: 50%; margin: 40px auto; background: #ffffff; padding: 4px; border: 1px solid #b7b7b7; border-radius: 4px; box-shadow: 0 0 4px #999; text-align: center; line-height: 24px; }

#new-detail .news-real .content .img .imgs { display: block; width: 100%; height: 100%; margin-bottom: 10px; }

#new-detail .news-real .content .img i { font-style: normal; font-size: 14px; color: #0f87ff; line-height: 20px; }

#new-detail .news-real .content .anNo { margin-top: 80px; }

.detail-page { padding-top: 50px; padding-left: 42px; }

/*产品中心*/
.pro-head { background: url("../img/pro-bg.jpg") no-repeat center; background-size: cover; height: 252px; }

.erp { min-height: 578px; }

.erp .title { background: url("../img/line-more.png") no-repeat center; }

.erp .con { font-size: 16px; color: #6f6f6f; line-height: 38px; }

.erp .img { margin-bottom: 0; text-align: center; }

.pro-solute { background: #ebebeb; }

.fun { background: #ffffff; }

.fun .title { color: #333333; }

.fun .con { text-align: center; color: #333; font-size: 14px; line-height: 30px; margin: 0; }

.fun .img { margin-top: 50px; padding-bottom: 48px; }

.fun .img img { max-width: 100%; }

.fun .bts { text-align: center; display: block; padding-bottom: 70px; }

.fun .bts a { display: inline-block; }

.fun .bts span { display: inline-block; padding: 14px 26px; background: #00b3ef; color: #ffffff; border-radius: 40px; }

.contact-head { height: 252px; }

.contact { overflow: hidden; }

.contact .font { text-align: center; }

.contact .font h4 { color: #1f1f21; }

.contact .font img { max-width: 76px; }

.contact .font p { color: #7e7e7e; font-size: 14px; }

.earth { width: 100%; height: 425px; border: 1px solid #e5e5e5; margin-top: 40px; }

.earth .center { width: 416px !important; }

.earth .bottom { height: 25px !important; }

.form-box { min-height: 500px; }

.form label { width: 100%; min-height: 44px; margin-bottom: 20px; }

.form label input { outline: none; width: 100%; height: 44px; border: 1px solid #bfbfbf; font-weight: normal; padding: 10px 16px; line-height: 24px; }

.form label textarea { width: 100%; height: 142px; outline: none; resize: none; padding: 10px 16px; font-weight: normal; }

.form .row { text-align: center; }

.form button { margin-top: 28px; padding: 14px 82px; background: #00b3ef; color: #ffffff; font-size: 24px; margin-bottom: 76px; }

.form button:hover { color: #ffffff; }

/*响应式*/
@media (min-width: 1200px) { header nav a { padding: 30px 18px; } }

@media (min-width: 992px) { header nav a { padding: 30px 18px; } }

@media (min-width: 768px) { header nav a { padding: 30px 35px; } }

@media (max-width: 768px) { header nav ul { height: auto; }
  section { position: relative; top: -10px; }
  nav li { line-height: 86px; margin-right: 10px; }
  nav li a { padding: 0; color: #333; text-align: center; }
  nav li a i { font-size: 30px; }
  .dropdown-menu { left: -120px; overflow: hidden; }
  .dropdown-menu a { height: 40px; line-height: 40px; }
  .banner .bx-controls { bottom: 34px; }
  footer .row .col-md-3, footer .row .col-md-2 { width: 50%; }
  footer .col-xs-6 { min-height: 186px; }
  .chose .head { height: 58px; }
  .chose .head span { background: url("../img/more-head.png") no-repeat center; background-size: 44%; padding-top: 14px; line-height: 16px; font-size: 12px; }
  .chose { height: 600px; }
  .about .date span.num { font-size: 40px; height: 50px; width: 60px; }
  .about .date span { font-size: 22px; height: auto; }
  .about-us { height: 130px; }
  .section .title { padding-top: 40px; height: 105px; }
  .section .detail .row { padding: 0 15px; margin: 0; }
  .section .detail .row div { padding: 0; }
  .section .detail .img-box img { max-width: 100%; margin-bottom: 20px; }
  .culture .title { padding-top: 40px; height: 105px; }
  .culture-font { text-align: center; position: relative; }
  .culture-font p { padding: 0; }
  .culture-font div { padding-top: 140px; min-height: 226px; }
  .culture-font span { position: absolute; top: 0; left: 0; right: 0; margin: auto; }
  .join { margin-bottom: 24px; }
  .join .tabs { display: flex; justify-content: center; }
  .join .tabs a { padding: 14px  8px; font-size: 12px; }
  .join .swiper-container { margin: auto; width: 96%; height: 750px; }
  .join .swiper-container .content-slide { padding: 18px 6px; }
  .solute-head { height: 130px; }
  .state { background: #fff; padding-top: 0; }
  .state .col-md-4 { min-height: 550px; }
  .idea .col-xs-2 { width: 24.666666%; }
  .back { min-height: 346px; }
  .back .banner { padding: 0; height: 250px; }
  .back .banner .bx-wrapper { margin: auto; }
  footer { margin-top: -20px; }
  .pro-head, .contact-head { height: 130px; }
  .erp .img img { max-width: 100%; }
  .fun { min-height: 0; }
  .form-box { padding: 0 15px; }
  .form button { margin-top: 10px; font-size: 16px; margin-bottom: 50px; } }