@charset "UTF-8";
ul, ol, dl {
  list-style-type: none;
}
address, caption, cite, code, dfn, em, th, var {
  font-style: normal;
  font-weight: 400;
}
input, button, textarea, select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  border: 0;
}
input, button {
  overflow: visible;
  vertical-align: middle;
  outline: none;
}
a {
  text-decoration: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  color: #000;
}
a:hover, a:focus, a:active {
  text-decoration: none;
  outline: none;
}
a.ie6:hover {
  zoom: 1;
}
b, i {
  font-weight: normal;
  font-style: normal;
}
sub, sup {
  vertical-align: baseline;
}
/*button, input[type="button"], input[type="submit"] {
  line-height: normal !important;
}*/
a * {
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}
/*font*/
.cl, .clearfix {
  zoom: 1;
}
.fl {
  float: left !important;
}
.fr {
  float: right !important;
}
.container {
  width: 85%;
  margin: 0 auto;
  position: relative;
  transition: all .4s ease;
}
/* header */
.header {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 3;
  clear: both;
  transition: all .4s ease;
}
.header .head {
  background: #fff;
  height: auto;
  overflow: hidden;
  box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
  transition: .8s background-color ease-in;
}
.header .head .container {
  width: 85%;
  margin: 0 auto;
}
.header .head .container .logo {
  width: 338px;
  height: 57px;
  margin: 13px 0 0;
  display: block;
  float: left;
}
.header .head .container .nav {
  height: auto;
  overflow: hidden;
  float: right;
}
.header .head .container .nav .item {
  font-size: 16px;
  color: #000;
  float: left;
  padding: 30px 0 28px;
  margin-left: 35px;
  position: relative;
}
.header .head .container .nav .item:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #fff;
  transition: all .4s ease;
  transform: translateY(-15px);
}
.header .head .container .nav .item.active:after, .header .head .container .nav .item:hover:after {
  height: 3px;
  transform: translateY(-8px);
}
.header .head .container .nav .item.search.active {
  color: #333 !important;
}
.header .submenu {
  background: rgba(255, 255, 255, 0.9);
  height: auto;
  overflow: hidden;
  position: relative;
  transition: all .4s;
}
.header .submenu .container {
  height: auto;
  overflow: hidden;
  padding: 3.5% 0;
}
.header .submenu .left {
  width: 33%;
  text-align: right;
  float: left;
  position: relative;
  z-index: 1;
  padding-right: 35px;
}
.header .submenu .left h1 {
  font-size: 24px;
  color: #2081eb;
}
.header .submenu .left h2 {
  font-size: 44px;
  color: rgba(51, 51, 51, 0.19);
  font-family: "PingFang SC Light";
}
.header .submenu .left:after {
  content: "";
  width: 3px;
  height: 192px;
  background: rgba(26, 82, 238, 0.2);
  position: absolute;
  right: 0;
  top: 5px;
}
.header .submenu .right {
  width: 60%;
  padding-left: 4%;
  float: right;
  position: relative;
  z-index: 1;
}
.header .submenu .right .snav {
  height: auto;
  overflow: hidden;
  float: left;
  margin-right: 10%;
}
.header .submenu .right .snav .item {
  font-size: 16px;
  line-height: 36px;
  color: #000;
  display: block;
}
.header .submenu .right .snav .item:hover {
  color: #1A52EE;
}
.header .submenu .right .img {
  width: 70%;
  max-width: 480px;
  float: left;
}
.header .submenu .right .img img {
  width: 100%;
}
.header .submenu:before {
  content: "";
  width: 40%;
  height: 100%;
  background: rgba(242, 242, 242, 0.98);
  position: absolute;
  left: 0;
  top: 0;
}
.header .submenu:after {
  content: "";
  /* width: 60%;*/
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.header .submenu .submenuItem {
  display: none;
  box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
}
.header .submenuPhone {
  display: none;
}
.header.header-white .head {
  background: #fff;
  transition: none;
}
.header.header-white .head .nav .item {
  color: #333;
}
.header.header-white .head .nav .item.active, .header.header-white .head .nav .item:hover {
  color: #1A52EE;
}
.header.header-white .head .nav .item.active:after, .header.header-white .head .nav .item:hover:after {
  display: none;
}
.header.header-white .head .nav .item.search:hover {
  color: #1A52EE !important;
}
.header.header-white .searchBtn {
  color: #333;
}
.header .searchBox {
  height: auto;
  overflow: hidden;
  position: relative;
  display: none;
}
.header .searchBox .container {
  width: auto;
  padding: 0 80px;
}
.header .searchBox .box {
  height: auto;
  width: 350px;
  padding: 10px 0;
  background: rgba(0, 0, 0, 0.5);
  float: right;
}
.header .searchBox .box input {
  width: 90%;
  height: 40px;
  padding: 0 20px;
  font-size: 14px;
  color: #fff;
  float: left;
}
.header .searchBox .box .btn {
  width: 10%;
  display: block;
  float: right;
}
.header .searchBox .box .btn i {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.5);
  line-height: 40px;
}
.pt1 {
  padding: 1% 0 2% !important
}
.f1 {
  background: #f1f1f1 !important;
}
.wi83 {
  width: 83%;
  float: left
}
.wi100 {
  width: 100%;
  text-align: center;
  line-height: 45px;
  background:rgba(255,255,255,.3);
  margin: 0 auto 8px;
  font-size: 18px;
  font-weight: bold;
  color: #2081eb;
  border-radius: 10px;
}
.wi17 {
  width: 16.33333%;
  float: right
}
.wi17 .snav {
  width: 92% !important;
  padding: 0 5% !important
}
.wi83 .snav {
  width: 16%;
  float: left;
  padding: 0 2%
}
.wi95 {
  width: 95% !important
}
.wi95 .snav {
  width: 18%;
  float: left;
  padding: 0 1%
}
.f15 {
  font-size: 15px;
  font-weight: bold
}
.da {
  font-size: 16px;
  font-weight: bold;
  color: #2081eb;
  display: block;
  line-height: 40px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
  margin-bottom: 5px
}
.da img {
  width: 30px
}
.xiao {
  font-size: 14px;
  display: block;
  line-height: 30px
}
.xiao:hover {
  color: #2081eb
}
.pl10 {
  padding-left: 10px
}
.bigTitle {
  font-size: 48px;
  color: #333;
  text-align: center;
}
.bigTitleEn {
  font-size: 20px;
  color: #CFCFCF;
  text-align: center;
  margin-top: 5px;
  text-transform: capitalize;
  font-family: "PingFang SC Light";
}
.tl {
  text-align: left
}
.about {
  background-image: url(/dhh/inAbout_bg.jpg);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 100% auto;
  height: 900px;
  overflow: hidden;
  padding: 60px 0 0px;
  border-bottom: 1px solid #f1f1f1
}
.about .text {
  height: auto;
  overflow: hidden;
  width: 70%;
  text-align: left;
  margin-top: 5px;
}
.about .text h2 {
  font-size: 30px;
  color: #1A52EE;
  margin-bottom: 35px;
  font-family: "PingFang SC Semibold";
}
.about .text p {
  text-indent: 40px;
  font-size: 18px;
  color: #333333;
  line-height: 40px;
}
.number {
  height: auto;
  overflow: hidden;
  margin-top: 50px;
}
.number li {
  width: 23%;
  float: left;
  text-align: center;
  padding: 0 0.5%
}
.number li p {
  font-size: 14px
}
.number li h2 {
  font-size: 16px;
  color: #000;
}
.number li h2 b {
  font-size: 90px;
  color: #2081eb;
  font-family: 'DINCond-Bold';
}
.number li h3 {
  font-size: 16px;
  color: #333;
}
.about .tips {
  text-align: center;
  font-size: 16px;
  color: #333;
  margin-top: 35px;
}
.about .commonBtn {
  margin-top: 50px;
}
.aboutLink {
  margin-top: 20px;
  overflow: hidden;
  height: 150px
}
.aboutLink li {
  float: left;
  width: 23%;
  margin-right: 36px;
  padding: 26px 0;
  border-top: 1px solid #adadad;
  border-bottom: 1px solid #adadad;
}
.aboutLink li a {
  display: block;
  position: relative;
  padding-left: 50px;
}
.aboutLink li img {
  width: 36px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -18px;
}
.aboutLink li h3 {
  font-size: 20px;
  line-height: 28px;
  color: #000;
}
.aboutLink li p {
  font-size: 14px;
  line-height: 22px;
  color: #535353;
}
.aboutLink li:hover h3 {
  color: #2081eb;
}
/*北路服务*/
.mt150 {
  margin-top: 480px
}
.title {
  padding-top: 55px;
  margin-bottom: 48px;
}
.inService {
  background-image: url("/dhh/inService_bg.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  padding-bottom: 30px;
  height: 1160px
}
.inService .service-list {
  margin-bottom: 55px;
  overflow: hidden
}
.inService .service-list li {
  float: left;
  width: 50%;
  padding: 9px 0;
  position: relative;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.inService .service-list li a {
  display: block;
}
.inService .service-list li .bg {
  position: absolute;
  right: 0;
  bottom: 0;
  filter: alpha(opacity=29);
  opacity: 0.29;
}
.inService .service-list li .bg img {
  display: block;
  width: 210px;
}
.inService .service-list li .bg img.imgBgH {
  display: none;
}
.inService .service-list li .con {
  padding: 60px 32px;
  background-image: url("/dhh/inSer_bg.png");
  background-repeat: no-repeat;
  background-position: right 30px center;
  background-size: 45%;
  box-shadow: 0 0 38px rgba(147, 147, 147, 0.10);
  background-color: #fff;
}
.inService .service-list li .titN {
  font-size: 22px;
  line-height: 46px;
  color: #2081eb;
  padding-left: 60px;
  position: relative;
  padding-bottom: 17px;
  margin-bottom: 20px;
}
.inService .service-list li .titN:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 54px;
  height: 1px;
  background: #e2e2e2;
}
.inService .service-list li .titN img {
  width: 45px;
  position: absolute;
  left: 0;
  top: 0;
}
.inService .service-list li .titN img.imgH {
  display: none;
}
.inService .service-list li p {
  width: 46%;
  font-size: 14px;
  line-height: 22px;
  color: #848484;
  height: 44px;
  overflow: hidden;
}
.inService .service-list li:hover .con {
  background-color: transparent;
  box-shadow: none;
  ;
  background-image: url("/dhh/inSer_bg2.png");
}
.inService .service-list li:hover {
  background-color: #2081eb;
  box-shadow: 0 0 38px rgba(147, 147, 147, 0.10);
  border-radius: 5px;
  padding: 9px 0;
}
.inService .service-list li:hover .titN, .inService .service-list li:hover p {
  color: #fff;
}
.inService .service-list li .bg {
  filter: alpha(opacity=10);
  opacity: 0.10;
}
.inService .service-list li:hover .bg img.imgBg {
  display: none;
}
.inService .service-list li:hover .bg img.imgBgH {
  display: block;
}
.inService .service-list li:hover .titN img.img {
  display: none;
}
.inService .service-list li:hover .titN img.imgH {
  display: block;
}
.inService .titCase {
  margin-top: 22px;
  position: relative;
}
.inService .titCase h3 {
  font-size: 22px;
  line-height: 34px;
  color: #000;
}
.inService .titCase a {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  font-size: 16px;
  line-height: 20px;
  color: #000;
  filter: alpha(opacity=50);
  opacity: 0.50;
}
.serviceCase {
  margin-top: 30px;
  background: #fff;
  overflow: hidden
}
.serviceCase li {
  float: left;
  width: 12.1%;
  text-align: center;
  overflow: hidden;
  padding: 20px 0.17%;
  border-bottom: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1
}
@media (max-width: 1900px) {
  .serviceCase li {
    padding: 20px 0.16% !important;
  }
}
.serviceCase li a {
  display: block;
  text-align: center;
}
.serviceCase li img {
  height: 56px;
}
.serviceCase li p {
  font-size: 12px;
  line-height: 18px;
  height: 18px;
  color: #999;
  margin-top: 6px;
  overflow: hidden;
}
.serviceCase li:hover {
  background: #f1f1f1;
  transition: all .5s;
}
.serviceCase li:hover img {
  transform: scale(1.2);
  transition: all .5s;
}
.serviceCase li:hover p {
  color: #2081eb;
}
/*新闻中心*/
#new_box {
  width: 100%;
  padding: 50px 0px;
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 0px;
}
.new_con {
  width: 85%;
  margin: 0 auto 50px;
  margin-top: 20px;
}
.newtel {
  height: 30px;
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 10px;
  font-size: 18px;
}
.new_telst {
  width: 332px;
  margin: 0 auto;
  position: relative;
  top: 6px;
  text-align: center
}
.new_telst li.l1 {
  background: url(/dhh/newsicon01.png) no-repeat 23px center;
}
.new_telst li.l2 {
  background: url(/dhh/newsicon05.png) no-repeat 15px center;
}
.new_telst li.l1.newon {
  background: url(/dhh/newsicon02.png) no-repeat 23px center;
}
.new_telst li.l2.newon {
  background: url(/dhh/newsicon06.png) no-repeat 15px center;
}
.new_telst li {
  width: 166px;
  line-height: 30px;
  text-align: center;
  float: left;
  display: inline;
  cursor: pointer;
}
.new_telst li.newon {
  color: #2081eb;
  font-weight: bold;
}
.new_telst p {
  position: absolute;
  top: 34px;
  left: 0px;
  width: 166px;
  height: 7px;
  border-top: 1px solid #217af0;
  overflow: hidden;
  text-align: center;
}
.new_telst b {
  display: inline-block;
  width: 0;
  height: 0;
  margin-top: -3px;
  border-style: solid dashed dashed dashed;
  border-width: 9px;
  border-color: #217af0 #fff #fff #fff;
  overflow: hidden;
  zoom: 1;
  font-size: 0;
}
.new_lst {
  height: 550px;
  position: relative;
  overflow: hidden;
  display: none;
  margin-top: 10px;
  padding-top: 20px;
}
.new_lst ul {
  position: absolute;
  left: 0px;
}
.new-wrap {
  margin-top: 30px;
}
.new-wrap .show {
  display: block;
}
li.new_cnlf {
  width: 23.5%;
  margin: 0 2%;
  float: left;
  background: #f1f1f1
}
li.new_cnlf:first-child {
  margin-left: 0px !important
}
.mr0 {
  margin-right: 0px !important
}
li.new_cnlf:hover {
  box-shadow: 0px 10px 30px 0px rgba(126, 126, 126, 0.69);
  background: #fff
}
.newlf_img img {
  width: 100%;
}
p.newlf_tel {
  font-size: 18px;
  line-height: 50px;
  display: block;
  margin-top: 10px;
  width: 90%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 5%
}
p.newlf_tx {
  font-size: 14px;
  line-height: 26px;
  height: 105px;
  overflow: hidden;
  padding: 0 5%;
  width: 90%
}
li.new_cnrf {
  float: right;
  width: 820px;
  margin-left: 10px;
}
.newrf_lst dd {
  width: 368px;
  height: 85px;
  border: 1px solid #e4e4e4;
  float: left;
  margin-left: 35px;
  margin-bottom: 20px;
}
p.new_rq {
  width: 65px;
  height: 65px;
  background: #969393;
  float: left;
  text-align: center;
  color: #FFF;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 15px;
}
p.new_rq span {
  display: block;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  line-height: 35px;
  padding-top: 5px;
}
p.newrf_tx {
  float: left;
  width: 270px;
  margin-top: 8px;
}
p.newrf_tx a {
  font-size: 14px;
  display: block;
  line-height: 30px;
}
p.newrf_tx span {
  display: block;
  font-size: 12px;
  height: 60px;
  overflow: hidden;
}
.newrf_lst dd:hover {
  width: 366px;
  height: 83px;
  border: 2px solid #217af0;
  box-shadow: 0px 0px 15px rgba(37, 125, 242, .27);
}
.newrf_lst dd:hover p.newrf_tx a {}
.newrf_lst dd:hover p.new_rq {
  margin-top: 9px;
  margin-left: 9px;
}
.newrf_lst dd:hover p.newrf_tx {
  margin-top: 7px;
}
.mr0 {
  margin-right: 0px;
}
.header .tou:before {
  background: none !important
}
@media (max-width: 750px) {
  .inner-con p {
    font-size: 16px !important;
    color: #000 !important
  }
  .service-net .net-tel .word {
    margin-bottom: 20px
  }
  .serContent .net-list dl dd {
    padding: 0 !important
  }
  .serContent .net-list dl p {
    height: auto !important;
    padding: 15px !important;
    white-space: inherit !important
  }
  .serContent .net-list dl dd em, .serContent .net-list dl dd span {
    display: block !important;
    float: none !important;
    margin: 0 !important
  }
  .service-net .net-map, .service-net .net-tel, .serContent .net-list dl dd {
    width: 100% !important
  }
  .year span, .year a {
    font-size: 14px !important;
    line-height: 15px !important;
    padding: 10px !important;
    margin: 5px 10px !important
  }
  .list-one-img {
    width: 100%
  }
  .aboutIntro .Intro {
    margin: 10px 0 0
  }
  .aboutIntro .intro-num li {
    width: 50%
  }
  .aboutIntro .intro-num li p {
    margin-top: 0 !important
  }
  .aboutIntro .intro-num li h3 em {
    font-size: 14px
  }
  .aboutIntro .intro-num li h3 {
    font-size: 30px;
    line-height: 36px
  }
  .aboutIntro .intro-num li {
    margin: 3% 0
  }
  .aboutIntro .intro-num {
    height: auto;
    overflow: hidden;
    padding: 40px 0 20px
  }
  .aboutIntro {
    height: auto !important
  }
  .aboutIntro .intro-img .img:after {
    position: inherit !important
  }
  .aboutIntro .intro-img {
    padding: 0 !important
  }
  .aboutIntro .intro p {
    line-height: 26px
  }
  .aboutIntro .intro .company {
    text-align: center
  }
  .aboutIntro .intro, .intro-img {
    width: 100% !important
  }
  .aboutIntro .intro .company h4 {
    font-size: 22px
  }
  .aboutIntro .intro .company h3 {
    display: none
  }
  .proDetail .product-title {
    font-size: 26px !important;
    margin-bottom: 0 !important
  }
  .proDetail .sec-tit {
    font-size: 20px !important;
    padding: 15px 0 !important
  }
  .proDetail .functions li .con {
    padding: 5% !important
  }
  .inner-con img {
    width: auto;
    margin-bottom: 3% !important
  }
  .proDetail .functions li {
    width: 100% !important;
    height: auto !important
  }
  .proDetail .system-comp, .proDetail .system-comp img {
    width: 100% !important
  }
  .proDetail .system-comp img {
    margin: 0 !important
  }
  .proDetail .proBox, .proDetail .system-des {
    padding: 0 !important
  }
  .case-txt {
    margin: 0;
    padding: 2% 5% 6%;
    overflow: hidden !important;
    height: 40px
  }
  .ban {
    width: 100%;
    height: 70px
  }
  .cont {
    padding: 3.5% 0 0 5%;
    color: #fff
  }
  .case-txt p {
    display: none
  }
  .proDetail .functions li .con img {
    width: 56px !important
  }
  .h121 {
    height: 0px !important
  }
  .about {
    height: auto;
    padding-bottom: 30px
  }
  .about .text {
    width: 90% !important;
    margin: 0 auto !important
  }
  .aboutLink li {
    width: 90% !important;
    margin: 0 auto !important;
    float: inherit !important;
  }
  .number li {
    width: 90%;
    padding: 3%;
    margin: 0 auto
  }
  .number li h2 b {
    font-size: 50px
  }
  .aboutLink {
    height: 215px
  }
  .title {
    padding: 20px 0 0;
    margin-bottom: 0
  }
  .inService .service-list li .titN img {
    left: 35%
  }
  .inService .service-list li .titN {
    padding-left: 0;
    padding-top: 50px;
    text-align: center
  }
  .inService .service-list li p {
    width: 100%
  }
  .inService .service-list li .titN:after {
    width: 100%
  }
  .serviceCase li {
    width: 24.4%
  }
  .serviceCase li:nth-child(1n), .serviceCase li:nth-child(2n), .serviceCase li:nth-child(3n), .serviceCase li:nth-child(4n) {
    border-top: 1px solid #f1f1f1
  }
  .inService, .new_lst {
    height: auto
  }
  .new_lst ul {
    position: inherit;
  }
  li.new_cnlf {
    width: 100%;
    margin-bottom: 1%
  }
  .mt150 {
    margin-top: 8%
  }
  .about .text p {
    font-size: 16px;
    line-height: 30px
  }
  .aboutLink li:nth-child(2n) {
    border-top: 0
  }
  .number li h3 {
    font-size: 14px
  }
  .number li p {
    font-size: 12px
  }
  .footer-bottom {
    width: 90%
  }
  .aboutIntro {
    margin: 30px 0 60px
  }
  .det-con img {
    max-width: 100% !important;
    height:auto!important;
  }
}
.h121 {
  height: 121px
}
.f-banner {
  position: relative;
}
.f-banner .img {
  width: 100%;
  height: 364px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bannerTit {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #fff;
}
.bannerTit .cont {
  margin-top: 125px;
  padding-left: 200px;
}
.bannerTit .cont h3 {
  font-size: 50px;
  line-height: 60px;
}
.bannerTit .cont p {
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
}
.bannerTit .cont h3, .bannerTit .cont p {
  text-shadow: 3px 4px 9px rgba(0, 0, 0, 0.19);
}
.vidban {
  position: absolute;
  height: auto;
  width: 100%;
  z-index: -11;
}
.year {
  text-align: center;
  height: 80px
}
.year .sel {
  display: inline-block;
}
.year span, .year a {
  display: block;
  float: left;
  padding: 10px 23px;
  font-size: 18px;
  line-height: 32px;
  color: #363636;
  margin: 0 25px;
}
.year a.cur, .year a:hover {
  background: #2081eb;
  color: #fff;
}
.nomore {
  margin-top: 25px;
  margin-bottom: 40px;
  border-top: 1px solid #f1f1f1;
  padding-top: 30px
}
.nomore a {
  display: block;
  font-size: 16px;
  line-height: 32px;
  height: 32px;
  color: #222;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.nomore a p {
  display: inline-block;
  margin-left: 10px;
}
.nomore a:hover p {
  color: #2081eb;
}
.zh {
  text-align: center
}
S .serContent {
  padding-top: 30px;
}
.service-net {}
.service-net .net-map {
  float: left;
  width: 50%;
  margin-bottom: 5%
}
.service-net .net-map img {
  width: 100%;
}
.service-net .net-tel {
  float: right;
  width: 47%;
  padding-top: 2%;
  color: #000;
}
.service-net .net-tel h4 {
  font-size: 22px;
  line-height: 30px;
}
.service-net .net-tel .hot a {
  display: inline-block;
  font-size: 40px;
  line-height: 40px;
  color: #2081eb;
  font-family: 'gotham';
  margin-top: 15px
}
.service-net .net-tel .province {
  font-size: 18px;
  line-height: 32px;
  margin-top: 42px;
}
.service-net .net-tel .word {
  font-size: 14px;
  line-height: 32px;
  margin-top: 36px;
}
.serContent .net-list {
  padding: 85px 0;
}
.serContent .net-list dl {}
.serContent .net-list dl dd {
  float: left;
  width: 49.7%;
  margin-right: 0.6%;
  background: #f4f5f5;
  color: #505050;
  padding: 22px 0;
  margin-bottom: 4px;
}
.serContent .net-list dl dd:nth-child(2n) {
  margin-right: 0;
}
.serContent .net-list dl p {
  font-size: 16px;
  line-height: 22px;
  height: 22px;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 5px;
}
.serContent .net-list dl dd em, .serContent .net-list dl dd span {
  float: left;
  display: inline-block;
}
.serContent .net-list dl dd em {
  width: 100px;
  margin-left: 25px;
}
.serContent .net-list dl dd span {
  width: 110px;
  margin: 0 25px;
}
.serContent .net-list dl dd:hover {
  background: #2081eb;
  color: #fff;
  cursor: pointer;
  transition: all .5s;
}
.inner-con {
  margin: 5% 0
}
.serContent .net-list table {
  width: 100%;
}
.serContent .net-list tr {
  margin-bottom: 4px;
}
.serContent .net-list tr td {
  width: 48%;
  background: #f4f5f5;
  font-size: 16px;
  line-height: 22px;
  color: #505050;
  padding: 22px 0;
  overflow: hidden;
  white-space: nowrap;
}
.serContent .net-list tr td:nth-child(2n) {
  margin-right: 0;
}
.serContent .net-list tr td em, .serContent .net-list tr td span, .serContent .net-list tr td p {
  float: left;
  display: inline-block;
}
.serContent .net-list tr td em {
  width: 110px;
  margin-left: 30px;
}
.serContent .net-list tr td span {
  width: 120px;
  margin-left: 25px;
}
.serContent .net-list tr td p {
  padding-left: 30px;
}
/*.serContent .net-list dl dd p{width: 45%;}*/
/*服务客户*/
.customer {}
.customer .customer-intro {
  font-size: 20px;
  line-height: 32px;
  color: #5d5d5d;
  text-align: center;
  margin-bottom: 55px;
  padding: 0 30px;
}
.customer-list {
  background: #fff;
  margin-bottom: 100px;
  padding: 0 30px;
}
.customer-list li {
  float: left;
  width: 12.3%;
  padding: 15px 0.1%;
  text-align: center;
  overflow: hidden;
}
.customer-list li a {
  display: block;
  text-align: center;
}
.customer-list li img {
  height: 56px;
}
.customer-list li p {
  font-size: 12px;
  line-height: 20px;
  height: 20px;
  color: #999;
  margin-top: 20px;
  overflow: hidden;
}
.customer-list li:hover p {
  color: #2081eb;
}
.proNav {
  background: #fff;
  padding: 34px 0;
  height: 90px
}
.proNav ul li {
  float: left;
  width: 20%;
}
.proNav ul li a {
  display: block;
  text-align: center;
  margin: 0 auto;
  padding: 75px 0 20px;
  background: #f1f1f1;
}
.proNav ul li p {
  font-size: 18px;
  line-height: 24px;
  height: 24px;
  overflow: hidden;
  margin-top: 18px;
}
.proNav ul li .bai1 {
  background: url(/skin/img/chanpin01.png)no-repeat center #f1f1f1;
  background-size: 50px 80px;
}
.proNav ul li .bai2 {
  background: url(/skin/img/chanpin02.png)no-repeat center #f1f1f1;
  background-size: 50px 80px;
}
.proNav ul li .bai3 {
  background: url(/skin/img/chanpin03.png)no-repeat center #f1f1f1;
  background-size: 50px 80px;
}
.proNav ul li .bai4 {
  background: url(/skin/img/chanpin04.png)no-repeat center #f1f1f1;
  background-size: 50px 80px;
}
.proNav ul li .bai5 {
  background: url(/skin/img/chanpin05.png)no-repeat center #f1f1f1;
  background-size: 50px 80px;
}
.proNav ul li .bai1:hover, .proNav ul li .active1 {
  background: url(/skin/img/chanpin01b.png)no-repeat center #0062b1 !important;
  background-size: 50px 80px;
  color: #fff;
  transition: all .1s;
}
.proNav ul li .bai2:hover, .proNav ul li .active2 {
  background: url(/skin/img/chanpin02b.png)no-repeat center #0062b1 !important;
  background-size: 50px 80px;
  color: #fff;
  transition: all .1s;
}
.proNav ul li .bai3:hover, .proNav ul li .active3 {
  background: url(/skin/img/chanpin03b.png)no-repeat center #0062b1 !important;
  background-size: 50px 80px;
  color: #fff;
  transition: all .1s;
}
.proNav ul li .bai4:hover, .proNav ul li .active4 {
  background: url(/skin/img/chanpin04b.png)no-repeat center #0062b1 !important;
  background-size: 50px 80px;
  color: #fff;
  transition: all .1s;
}
.proNav ul li .bai5:hover, .proNav ul li .active5 {
  background: url(/skin/img/chanpin05b.png)no-repeat center #0062b1 !important;
  background-size: 50px 80px;
  color: #fff;
  transition: all .1s;
}
.c {
  clear: both
}
/*产品详情*/
.proDetail {
  background-image: url("/skin/img/proDetail_bg.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  padding-top: 36px;
}
.proDetail .proBox {
  padding: 0 45px;
  overflow: hidden
}
.proDetail .product-title {
  font-size: 36px;
  line-height: 56px;
  color: #505050;
  text-align: center;
  margin-bottom: 30px;
}
.proDetail .sec-tit {
  font-size: 24px;
  line-height: 24px;
  color: #000;
  padding: 30px 0;
  text-align: center;
  overflow: hidden
}
.proDetail .system-des {
  padding: 0 30px;
  margin-bottom: 40px;
}
.proDetail .system-des {
  font-size: 18px;
  line-height: 30px;
  color: #4f4f4f;
  text-align: center;
}
.proDetail .system-comp {
  width: 860px;
  padding: 40px 0;
  background: #fff;
  box-shadow: 0 0 21px rgba(0, 0, 0, 0.07);
  margin: 0 auto 35px;
  text-align: center;
}
.proDetail .system-comp img {
  width:820px;
}
.proDetail .functions {
  padding-bottom: 40px;
}
.proDetail .functions li {
  float: left;
  width: 32%;
  height: 335px;
  margin-right: 1.1%;
  margin-bottom: 25px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  background: #fff;
}
.proDetail .functions li:hover {
  box-shadow: 0px 10px 30px 0px rgba(126, 126, 126, 0.69);
  transition: all .5s;
  color: #0062b1
}
.proDetail .functions li:nth-child(3n), .proDetail .functions li:nth-child(6n) {
  margin-right: 0;
}
.proDetail .functions li .con {
  padding: 60px 45px 0 45px;
  text-align: center;
}
.proDetail .functions li img {
  height: 56px;
}
.proDetail .functions li h3 {
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;
}
.proDetail .functions li p {
  font-size: 14px;
  line-height: 20px;
  margin-top: 9px;
  overflow: hidden;
}
.proDetail .pro-recom {
  background: #f7f7f7;
  padding-bottom: 65px;
}
.soft_list {
  overflow: hidden;
}
.two {
  padding-bottom: 80px;
}
.three .soft_listitem {
  width: 100%;
  margin: 0 1% 20px;
}
.three .soft_listitem img, .two .soft_listitem img {
  max-width: 100% !important
}
.two .soft_listitem {
  width: 67%;
  margin: 0 auto;
}
.soft_listitem {
  vertical-align: top;
}
.silie {
  padding-left: 33px;
  width: 920px !important;
  margin: 0 auto !important;
}
.silie img {
  display: block;
  width: 23% !important;
  margin: 1% 1% 4%;
  float: left
}
.cc{clear: both}
.fl40{ display: block; float: left; height: 120px; width: 380px!important; padding: 20px; background: #305dc4; font-size: 18px;color: #c3ceea; margin-top: 20px}
.fl40:hover,.active{background: #1a49b5; width: 400px; height: 150px; margin:2px; color: #fff}
.fl40 p,.active p{line-height: 45px!important; border-bottom: 1px solid #fff; overflow: hidden;}
.fl40 p{padding: 20px 0!important; width: 90%!important;
    margin: 0 auto!important; height: 70px!important}
.active p,.fll:hover p{padding: 25px 0!important}
.fl40 span{font-size: 48px; font-weight: bold; display: block; float: left; width:88px; text-align: center; margin-top:1px}
.fl40 i{font-size:32px;font-weight: bold; float: left;display: block; width: 225px; text-align: center}
.wi840{width: 888px!important; margin: 0 auto}
.active .title-even{padding-top: 30px!important}

.fl41{ display: block; float: left; height: 120px; width: 240px!important; padding: 20px; background: #305dc4; font-size: 18px;color: #c3ceea; margin-top: 20px; margin-right: 2px}
.fl41:hover,.active{background: #1a49b5; width: 270px; height: 150px; margin:2px; color: #fff}
.fl41 p,.active p{line-height: 45px; border-bottom: 1px solid #fff; overflow: hidden;}
.fl41 p{padding: 20px 0!important;width: 90%!important;
    margin: 0 auto!important; height: 70px!important}
.active p,.fll:hover p{padding: 25px 0!important}
.active span{margin-top:0px!important}
.fl41 span{font-size: 38px; font-weight: bold; display: block; float: left; width:58px; text-align: center; margin-top:9px}
.fl41 i{font-size:28px;font-weight: bold; float: left;display: block; width: 175px; text-align: center; line-height: 40px}
.wi841{width: 1200px!important; margin: 0 auto}

.card-title a{background: none!important; padding: 0!important; color: #fff!important}