@charset "utf-8";

/*首页*/
.swiper-container { width: 100%; height: 100%; }
.swiper-slide { text-align: center; font-size: 18px; background: #fff;        /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-wrapper img { width: 100%; }
.swiper-pagination-bullet { background: transparent; border: 1px solid #fff; opacity: 1 }
.swiper-pagination-bullet-active { background: #fff; border: 1px solid #fff; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 5px; }
ul.ib01 { width: 100%; margin: 0 auto; text-align: center; display: flex;    justify-content: space-between;}
.i-box01 { }
.i-title { color: #008fee; font-size: 21px; display: block; padding-bottom: 10px;}
.s-title { font-size: 16px; color: #666 }
ul.ib01 li { display: inline-block; text-align: center; width: 33%; padding: 0 5px; position: relative; }
ul.ib01 li .pic { background: url(../images/p03.png) no-repeat center top 0/90px; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; width: 100%; height: 120px; }
ul.ib01 li:hover .pic { background: url(../images/p0302.png) no-repeat center top 0/90px; }
ul.ib01 li.icon02 .pic { background: url(../images/p04.png) no-repeat center top 0/90px; }
ul.ib01 li.icon02:hover .pic { background: url(../images/p0402.png) no-repeat center top 0/90px; }
ul.ib01 li.icon03 .pic { background: url(../images/p05.png) no-repeat center top 0/90px; }
ul.ib01 li.icon03:hover .pic { background: url(../images/p0502.png) no-repeat center top 0/90px; }
ul.ib01 li p { margin: 0 auto; font-size: 12px; word-break: break-word; }
ul.ib01 li .title { color: #000; font-weight: bold; }
.i-box02 { background: url(../images/bg01.jpg) no-repeat center top; background-size: cover;}
.sort-box { margin: 0 20px; }
.sort-box li { float: left; width: 49%; text-align: center; overflow: hidden; background: rgba(255, 255, 255, 0.5); cursor: pointer; color: #222; font-size: 14px; margin: 1px; padding: 10px 0; transition: All 0.2s ease-in-out; -webkit-transition: All 0.2s ease-in-out; -moz-transition: All 0.2s ease-in-out; -o-transition: All 0.2s ease-in-out; }
.sort-box li:active { background: rgba(0, 143, 238, 0.8); color: #fff; }
.i-box03 { background: #f4f4f4 }
.i-box04 { background: #f4f4f4 }

.i-box05{ background: #f4f4f4;}
.i-nav { width: 100%; background: url(../images/w01.jpg) no-repeat center top; background-size: cover; padding-top: 20px; }
.i-nav .item { display: inline-table; font-size: 14px; background: #fff; height: 30px; line-height: 30px; text-align: center; border-radius: 20px; padding: 0 15px; }
.i-nav .item:hover, .i-nav .item.on { background: #008fee; color: #fff }
.i-nav-list { display: flex; justify-content: space-between; padding: 0 20px; }
.i-nav-list .item { flex-basis: 20%; }
    .i-nav-list a {
        float:left;
        width:25%;
    }
.prd-list{}
.prd-list{margin: 0 10px;}
.prd-list li{border: 1px solid #ccc; border-radius:6px;padding: 10px; color: #555;background: #fff;margin-bottom: 20px;}
.prd-list li:last-child{margin-bottom: 0;}
.prd-list li .pic{width: 100%;}
.prd-list li .title{color: #333;font-size: 15px;}
.prd-list li .date{color: #999;font-size: 12px; font-family: arial;}

.news-list{ color: #666; font-size: 13px; padding: 15px;}
.news-list .date{color: #aaa; font-size: 28px; font-family: "黑体";}
.news-list .title{color: #333; font-size: 16px;}
.news-list p{line-height: 28px;}
.news-list li{border-bottom: 1px solid #e8e8e8; padding: 20px 0;}
.news-list li:last-child{margin-bottom: 0;}

/*关于讯博*/
.about-list{}
.about-list{margin: 0 10px;}
.about-list li{position: relative; margin-bottom: 35px;}
.about-list li .item{border: 1px solid #ccc;  line-height: 18px; border-radius: 6px; padding: 5px 0; padding-left: 40px; font-size: 12px; color: #4a4949; margin-left: 20px;}
.about-list li .date{width: 50px;height: 50px; line-height: 50px; text-align: center; background: #00a7e7;color: #fff; font-size: 18px; border-radius: 50%;position: absolute;left: 0px; top: 50%; margin-top: -25px;}

.banner { width: 100%; height: 100%; background: url(../images/banner02.jpg) no-repeat center top; background-size: cover; overflow: hidden; color: #fff; padding: 40px 0;}
.banner .title { color: #008fee; font-size: 30px; }
.banner .line { width: 40px; height: 1px; background: #fff; margin: 30px auto; }

.n-title{font-size: 18px;color: #008fee;text-align: center; }

.sort-box02 li{background: #e5f4fd;}

/*项目-详情*/
.porject-detail { padding: 20px 10px; line-height: 23px; font-size: 13px; }
.porject-detail .title { font-size: 18px; color: #333; margin-bottom: 5px; }
.porject-detail .date { font-size: 12px; color: #999; }
.porject-detail .line { width: 100%; height: 1px; background: #ddd; margin: 10px auto; }
.page { position: relative;}
.page .icon { margin: 0 5px; margin-top: -5px; width: 10px;}
.page .prev { color: #666; width: 100%; }
.page .next { color: #666; width: 100%; }

.btn-more { display: inline-block; height: 32px; line-height: 32px; font-size: 15px; text-align: center; padding: 0 10px; background: #ddd; color: #666; border-radius: 6px; margin: 0 auto; }

/*项目-详情-访问网址*/
.linkit {
    color: #008fee;
}
a.linkit:hover {
    color: #008fee;
}

/*!解决方案网站建设-2018-5-11*/
.tc{text-align: center;}
.mt20{margin-top: 20px;}
.mt50{margin-top: 50px;}
.w1200{width: 100%;}
.tc>img{width: 100%;}
.b-title {
  color: #008fee;
  font-size: 26px;
  font-weight: normal;
  margin: 30px 0;
  display: inline-block;
  width: 100%;
  overflow: hidden;
}
.btn-more{
  display: inline-block;
  height: 36px;
  line-height: 36px;
  font-size: 15px;
  color: #fff;
  background-color: #008fee;
  border-radius: 50px;
  padding: 0 40px;
}
.btn-more:hover{
  color: #fff;
}
.ws-box01{
  width: 100%;
  height: auto;
  padding-bottom: 40px;
  background-color: #fff;
}
.ws-box02{
  width: 100%;
  height: auto;
  background-color: #f5f5f5;
  padding-bottom: 40px;
}
.ws-box03{
  width: 100%;
  height: auto;
  background-color: #fff;
  font-size: 14px;
  color: #666;
  padding-bottom: 40px;
}
.ws-box04{
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  font-size: 17px;
  color: #666;
  background-color: #f5f5f5;
  padding-bottom: 40px;
}
.ws-box05{
  width: 100%;
  height: auto;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  font-size: 17px;
  color: #fff;
  padding-bottom: 40px;
}
.ws-box06{
  width: 100%;
  height: auto;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  font-size: 17px;
  color: #666;
  padding-bottom: 40px;
}

/*!展示型网站建设-2018-5-24*/
.banner .title{margin-top:10px;display:inline-block;}
.prc{position:relative;top:50%;transform:translateY(-50%)}
.db{display:block;}
.webShow-page{}
.webShow-page .w1200{height:100%;}
.wShow-box01{width:100%;background-color:#fff;}
.wzlx{margin:0 20px;margin-top:-10px;}
.wzlx .item{width:80px;height:80px;background:url(../images/i04.png) no-repeat center;-webkit-background-size:cover;background-size:contain;font-size:13px;color:#fff;text-align:center;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;margin:0 auto;}
.wzlx .item:hover{transform:rotate(360deg) scale(1.1);-webkit-transform:rotate(360deg) scale(1.1);-moz-transform:rotate(360deg) scale(1.1);-o-transform:rotate(360deg) scale(1.1);-ms-transform:rotate(360deg) scale(1.1);}
.wzlx ul{overflow:hidden;position:relative;height:100%;}
.wzlx ul:after{display:inline-block;content:"";height:300px;position:absolute;top:50px;left:0;right:0;border:1px solid #ddd;z-index:1;}
.wzlx ul li{float:left;z-index:2;overflow:hidden;position:relative;padding:10px 0;width:33.3%;}
.wzlx ul li:nth-child(3n){margin-right:0;}
.wShow-box02{width:100%;-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center;}
.zszd{width:100%;margin:0 auto;}
.zszd .item{font-size:14px;color:#222;text-align:center;padding-bottom:35px;}
.zszd .item{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.zszd .item:hover{transform:translate(0,-12px);-webkit-transform:translate(0,-12px);-moz-transform:translate(0,-12px);-o-transform:translate(0,-12px);-ms-transform:translate(0,-12px);}
.zszd .item .imgBox{width:80px;height:80px;-webkit-background-size:cover;background-size:contain;background-repeat:no-repeat;background-position:center;display:inline-block;}
.zszd ul{overflow:hidden;position:relative;height:100%;margin:0 20px;}
.zszd ul:after{display:inline-block;content:"";width:100%;height:175px;position:absolute;top:55px;left:0;right:0;z-index:1;background:url(../images/bg08.png) repeat;}
.zszd ul li{width:33.3%;float:left;z-index:2;overflow:hidden;position:relative;padding-top:10px;}
.wShow-box03{width:100%;-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center;padding-bottom:40px;}
.wShow-box04{width:100%;  /* height: 640px; */-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center;padding-bottom:40px;}
.wShow-box04 .b-title{color:#fff;}
.webShow-page .b-title{padding:20px 0;line-height:2;height:auto;margin:0;}
.wShow-box05{width:100%;  /* height: 456px; */-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center;padding-bottom:60px;}
.wShow-box05 .b-title{color:#fff;}
.wShow-box05 .b-title .tips{color:#fff;font-size:12px;margin-top:10px;padding:0 40px;}
.wShow-box05 .bz{padding:0 20px;overflow:hidden;margin:0 auto;}
.wShow-box05 .bz ul{margin-top:-20px;overflow:hidden;}
.wShow-box05 .bz ul li{margin-top:20px;float:left;width:30%;margin:0 1.3%;margin-top:20px;}
.wShow-box05 .bz .item{width:100%;height:30px;line-height:30px;text-align:center;color:#222;font-size:14px;background-color:#fff;border-radius:20px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.wShow-box05 .bz .item:hover{background-color:#0079c9;color:#fff;}
.wShow-box06{width:100%;-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center;padding-bottom:40px;}
.wShow-box06 .pay{height:100%;margin:0 auto;}
.wShow-box06 .pay .item{-webkit-background-size:cover;background-size:100% 100%;background-repeat:no-repeat;background-position:top center;width:30%;height:200px;text-align:center;padding:0 5%;color:#fff;margin:0 5%;padding-top:10px;line-height:1;}
.wShow-box06 .pay .item h1{font-size:20px;font-weight:normal;line-height:1;margin-top:8px;}
.wShow-box06 .pay .item h2{font-size:14px;font-weight:normal;line-height:1.6;}
.wShow-box06 .pay .item h3{font-size:14px;font-weight:normal;line-height:1.4;}
.wShow-box06 .pay .item{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.wShow-box06 .pay .item:hover{transform:translate(0,-20px);-webkit-transform:translate(0,-20px);-moz-transform:translate(0,-20px);-o-transform:translate(0,-20px);-ms-transform:translate(0,-20px);}
.sjtb{height:250px;margin:0 auto;background-repeat:no-repeat;background-position:center;-webkit-background-size:562px,288px;background-size:100%;position:relative;margin:0 40px;padding:20px 0;max-width:250px;margin-left:auto;margin-right:auto;margin-top:-20px;}
.sjtb .item{width:70px;height:70px;display:inline-block;border:1px solid #fff;position:absolute;border-radius:50%;color:#fff;font-size:11px;text-align:center;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;line-height:1;overflow:hidden;background-color:#82c1ff;}
.sjtb .item:hover{background-color:#008fee;border-color:#008fee;}
.sjtb .item .icon{width:30px;height:30px;background-size:contain;background-repeat:no-repeat;background-position:center;margin-top:10px;margin-bottom:2px;}
.sjtb .tle{width:100px;height:100px;color:#008fee;font-size:14px;text-align:center;font-weight:normal;line-height:1.5;display:inline-block;margin:0 auto;position:absolute;right:0;left:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.sjtb .tle:hover{font-size:28px;}
.sjtb .item.it01{top:10px;left:-30px;}
.sjtb .item.it02{top:110px;left:-30px;}
.sjtb .item.it03{top:210px;left:-30px;}
.sjtb .item.it04{top:10px;right:-30px;}
.sjtb .item.it05{top:110px;right:-30px;}
.sjtb .item.it06{top:210px;right:-30px;}

/*2018-5-29 解决方案修改*/
.ws-box07{color:#fff;width:100%;-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center;padding-bottom: 40px;}
.ws-box07 ul{margin-top:-20px;padding: 0 20px;}
.ws-box07 ul li{float:left;font-size:14px;width:33.3%;line-height:2.4;}
.ws-box07 ul li .tle{font-size:18px;font-weight:normal;}
.ws-box07 .icon-wrap{margin:10px auto;}