/* banner */
.carousel-control-prev > span.iconfont,
.carousel-control-next > span.iconfont {
  font-size: 40px;
}
@media (min-width: 576px) {
  .carousel {
    overflow: hidden;
    width: 100%;
  }
  .carousel-control-next,
  .carousel-control-prev {
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition:all .6s;
  }
  .carousel-control-prev {
    left: -15%;
  }
  .carousel-control-next {
    right: -15%;
  }
  .carousel:hover > .carousel-control-prev {
    left: 0;
  }
  .carousel:hover > .carousel-control-next {
    right: 0;
  }
  .carousel-control-prev > span.iconfont,
  .carousel-control-next > span.iconfont {
    font-size: 60px;
  }
}

/* public */
.index-item {
  padding: 110px 0;
}
.index-item .title-box {
  margin-bottom: 70px;
}
.index-item .title-box > img {
  max-width: 100%;
}
@media (max-width: 1199px) {
  .index-item {
    padding: 60px 0;
  }
  .index-item .title-box {
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .index-item {
    padding: 30px 0;
  }
}

/* 特点 */
.trait ul > li {
  width: 19%;
  margin-right: 8%;
  /* padding: 0 60px; */
}
.trait ul > li.last {
  margin-right: 0;
}
.trait ul > li > .pic-box {
  padding: 0 40px;
}
.trait ul > li > h4 {
  margin-top: 30px;
  margin-bottom: 33px;
  font-weight: 400;
}
.trait ul > li > p {
  color: #999;
  font-size: 14px;
}
@media (max-width: 1199px) {
  .trait ul > li > h4 {
    margin: 15px 0;
  }
}
@media (max-width: 991px) {
  .trait ul > li > .pic-box {
    padding: 0 20px;
  }
}
@media (max-width: 767px) {
  .trait ul > li > .pic-box {
    padding: 0 5px;
  }
  .trait ul > li > h4 {
    font-size: 18px;
  }
  .trait ul > li > p {
    font-size: 13px;
  }
}
@media (max-width: 575px) {
  .trait .title-box > img {
    width: 50%;
  }
  .trait ul > li {
    width: 47%;
    margin-right: 6%;
  }
  .trait ul > li.last-mini {
    margin-right: 0;
  }
  .trait ul > li > .pic-box > img {
    width: 70px!important;
  }
  .trait ul > li > h4 {
    margin-bottom: 5px;
  }
}

/* 流量 */
.flow {
  background-color: #f4f5f6;
}
.flow ul > li {
  width: 16%;
  margin-right: 12%;
  margin-bottom: 60px;
}
.flow ul > li.last {
  margin-right: 0;
}
.flow ul > li > p {
  color: #777;
  font-size: 18px;
}
@media (max-width: 991px) {
  .flow ul > li {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .flow ul > li {
    width: 22%;
    margin-right: 4%;
    margin-bottom: 10px;
  }
  .flow ul > li > .pic-box > img {
    width: 75%;
  }
}
@media (max-width: 575px) {
  .flow .title-box > img {
    width: 75%;
  }
  .flow ul > li > p {
    font-size: 12px;
  }
}

/* 推广 */
.generalize {
  padding: 170px 0;
  background: url('../images/generalize_bg.jpg') no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.generalize .title-box {
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .generalize {
    padding: 70px 0;
  }
}
@media (max-width: 575px) {
  .generalize {
    padding: 40px 0;
  }
}

/* 展示 */
.show ul > li > .img-box {
  border-radius: 30px;
  box-shadow: 0 0 50px #999;
}
.show ul > li > p {
  color: #777;
  font-size: 18px;
}
@media (max-width: 1199px) {
  .show ul > li > .img-box {
    border-radius: 25px;
  }
}
@media (max-width: 991px) {
  .show ul > li > .img-box {
    border-radius: 20px;
  }
}
@media (max-width: 767px) {
  .show ul > li > .img-box {
    border-radius: 15px;
  }
  .show ul > li > p {
    font-size: 16px;
  }
}
@media (max-width: 575px) {
  .show .title-box > img {
    width: 30%;
  }
  .show ul > li > .img-box {
    border-radius: 10px;
  }
  .show ul > li > img {
    box-shadow: 0 0 30px #999;
  }
}

/* 商户 */
.merchant {
  background: url(../images/merchant_bg.jpg) no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.merchant ul > li {
  width: 16%;
  margin-right: 5%;
  margin-bottom: 35px;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
}
.merchant ul > li.last {
  margin-right: 0;
}
.merchant ul > li > .pic-box {
  position: relative;
}
.merchant ul > li > .pic-box > img {
  opacity: 1;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
  transition:all .6s;
}
.merchant ul > li > .pic-box > img.img-2 {
  position: absolute;
  top: 0;
  left: 0;
  /* z-index: -1; */
}
.merchant ul > li:hover > .pic-box > img {
  transform: scale(-1,1);
}
.merchant ul > li:hover > .pic-box > img.img-2 {
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 1199px) {
  .merchant ul > li {
    width: 14%;
    margin-right: 7.5%;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .merchant ul > li,
  .merchant ul > li.last {
    width: 25%;
    margin-right: 12.5%;
  }
  .merchant ul > li.last-mini {
    margin-right: 0!important;
  }
}
@media (max-width: 575px) {
  .merchant ul > li,
  .merchant ul > li.last {
    width: 30%;
    margin-right: 5%;
  }
}

/* 领先的定制开发技术，构建商业未来 */
.ling{font-size: 30px;text-align: center;font-weight: bold;color: #191919;}
.soltions{width: 100%;margin: 60px 0;}
.soltion{width: 100%;font-size: 0;margin-top: 40px;padding: 0;}
.soltion li{width: 23%;background: #f8f8f8; text-align: center;margin: 10px 1%;display: inline-block;vertical-align: top;
  min-height: 340px;padding: 30px 15px;}
.soltion li i{display: inline-block;padding: 24px 0;}
.soltion li dl dt{font-size: 20px;color: #191919;font-weight: bold; line-height: 1; margin-bottom: 20px;}
.soltion li dl dd{font-size: 14px;color: #888;line-height:2;margin-bottom: 10px;}
.soltion li i img{filter: grayscale(1);-webkit-filter: grayscale(1);-moz-filter: grayscale(1);-ms-filter: grayscale(1);
  transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;}
.soltion li:hover i img{filter: grayscale(0);-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);
  transform: rotateY(.5turn);-webkit-transform: rotateY(.5turn);-moz-transform: rotateY(.5turn);-ms-transform: rotateY(.5turn);}
.soltion li:hover .soltion_a em{filter: grayscale(0);-webkit-filter: grayscale(0);}

@media(max-width: 1200px){
  .soltion li{padding:15px;}
}
@media(max-width: 1000px){
  .soltion li{width: 48%;}
  .ling{font-size: 24px;}
}
@media(max-width: 440px){
  .ling{font-size: 20px;}
  .soltion li{width: 100%;margin: 10px 0;min-height: 300px;}
}
/* 领先的定制开发技术，构建商业未来 end */

/* 服务项目 */
.servicetitems{width: 100%;background: url(../images/bjt.jpg);padding: 50px 0;}
.ment{width: 100%;margin-top: 40px;font-size: 0;padding: 0;}
.ment li{width: 33.1%;display: inline-block;vertical-align: top;position: relative;margin: 0 0.1%;overflow: hidden;}
.ment li>a{padding: 50px 20px;display: inline-block;}
.ment .service{background: #2885fe;text-align: center;}
.service h2{font-size: 24px;color: #fff;}
.service hr{width: 32px;height: 2px;background: #fff;}
.app{margin-top: 50px;font-size: 15px;color:rgba(255,255,255,0.6);line-height: 2;display: -webkit-box;overflow: hidden;
  text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2; height: 4em;}
.service_a{position: relative;}
.service_a i{position: absolute;font-size: 200px;color:rgba(255,255,255,0.3);right: -25px;bottom: -20px;font-weight: bold;line-height: 1;}
.ment .service_p{min-height: 434px;padding-top: 80px;}

.ment li .appkf{padding: 0;}
.ment li .appkf li{width: 100%;padding:0;overflow: hidden;text-align: center;padding: 40px 20px;}
.ment .services{background: #fd9204;}
.apps{margin-top: 30px;}
.ment .servicet{background: #ff4d4d;position: relative;top: 3px;}
.ment .servicef{background: #009946;}
.ment .serviceg{background: #000;position: relative;top: 3px;}

.ment li .appkf li>a{padding: 0;}
.ment li a{width: 100%;display: inline-block;overflow: hidden;}
.ment li a img{transition: all 0.5s;}
.ment li a:hover img{transform: scale(1.1);transition: all 0.5s;}
.more{padding-top: 50px;}
.more>a{color: #3c3022;border: 1px solid #3c3022;padding: 6px 24px;border-radius: 20px;}
.more>a:hover{color: #fff;background: #eb3d00;border: 1px solid #eb3d00;}

@media(max-width: 900px){
  .ment .service_p{min-height: 0;padding-top: 0;}
  .app{margin-top: 30px;}
  .ment li{width: 100%;margin:0;}
  .ment .servicet,.ment .serviceg{position: static;}
}
/* 服务项目 end */

/* 我们的产品 */
.pro_hd{margin-top: 40px;}
.index_nav{width: 100%;font-size: 0;text-align: center;padding: 0;}
.index_nav li{list-style: none;}
.index_nav li{display: inline-block;vertical-align: top;margin: 0 24px;}
.index_nav li >a{display: inline-block; font-size: 16px;color: #999!important;position: relative;}
.index_nav li.newson >a:before,.index_nav li >a:hover::before{content:""; position: absolute;width: 100%;height: 3px;bottom: -10px;
  background: #2786fc;}
.index_nav li.newson >a,.index_nav li >a:hover{color: #2786fc!important;}

.pro{list-style: none;font-size: 0;padding: 0;}
.main_sale,.main_salea{display: inline-block;vertical-align: middle;padding: 20px;}
.main_sale{width: 65%;}
.main_salea{width: 35%;}
.sale_a{width: 100%;padding: 30px;margin-top: 40px;border-radius: 6px;box-shadow: 8px 8px 24px #e4e4e4;}
.sale_a h2{font-size: 28px;}
.mian_text{margin-top: 30px;line-height: 2;font-size: 15px;color: #999;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;
  word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 3; height: 6em;}
.zaixian{margin-top: 30px;padding: 0;}
.zaixian li{display: inline-block;vertical-align: top;}
.zaixian li>a{font-size: 14px;padding: 8px 24px;border-radius: 4px;}
.zaixian .zai>a{border: 1px solid #1a1a1a;color: #1a1a1a;}
.zaixian .zai>a:hover{background: #1a1a1a;color: #fff!important;}
.zaixian .xian{margin-left: 16px;}
.zaixian .xian>a{border: 1px solid #2a84ff;color: #2a84ff;}
.zaixian .xian>a:hover{background: #2a84ff;color: #fff!important;}

@media(max-width: 1200px){
  .main_sale,.main_salea{padding: 0;}
  .sale_a{padding: 15px;}
}
@media(max-width: 700px){
  .main_sale{width: 100%;}
  .sale_a{padding: 10px;}
  .main_salea{width: 100%;margin-top: 20px;}
  .index_nav li{padding: 0 10px;margin: 0;}
}
/* 我们的产品 end */

/* 咨讯新闻 */
.news{background: #f4f7fc;width: 100%;padding: 40px 0;}
.news .new{margin-top: 30px;}
.index{margin-bottom: 20px;}
.index .zp_title{font-size: 20px;font-weight: 600;}
.index a{font-size: 14px;color: #999!important;line-height: 2.5;}
.index a:hover{color: #2a84ff!important;}
.new_img{margin-bottom: 16px;}
.new_text{width: 100%;background: #fff;margin-bottom: 8px;}
.new_s{padding: 0;font-size: 0;margin: 0;}
.new_s li{list-style: none;color: #999;font-size: 15px;line-height: 2;}
.new_s .new_a,.new_ss{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;}
.new_s .new_a{font-size: 16px;width: 70%;line-height: 2;color: #474747!important; -webkit-line-clamp: 1; height: 2em;}
.new_text a:hover .new_s .new_a{color: #2a84ff!important;}
.new_ss{font-size: 14px;color: #bbb;line-height: 1.5;-webkit-line-clamp: 2; height: 3em;}
.new_text a{display: inline-block;padding: 16px;}
.new_text a:hover{box-shadow: 4px 4px 18px #d1d1d1;}
@media(max-width: 1000px){
  .new_s .new_a{width: 65%;}
  .new_s li{font-size: 12px;}
  .new_s .new_a{font-size: 14px;}
}

@media(max-width: 768px){
  .new_s .new_a{width: 70%;}
  .new_s li{font-size: 15px;}
  .new_s .new_a{font-size: 16px;}
}
/* 咨讯新闻 end */

/* 是什么让我们与众不同 */
.banner_container {width:100%;position:relative;}
.banner_container .mask {position:absolute;left:0px;top:0px;z-index:5;width:100%;height:100%;background:#22252c;opacity:.6;}
.banner_container .video {width:100%;height:auto;}
.banner_container .video video {width:100%;height:auto;}
.banner_container .txt {position:absolute;top:50%;left:0;z-index:10;margin-top:-44px;width:100%;text-align:center}
.banner_container .txt p {line-height:36px;font-size:24px;color:#fff;letter-spacing:5px}
.banner_container .txt h2 {margin-bottom:10px;line-height:60px;font-size:48px;color:#fff;font-weight:bold;letter-spacing:12px}

@media(max-width: 800px){
  .banner_container{display: none;}
}
/* 是什么让我们与众不同 end */

/* 关于我们 */
.about{margin:auto; width:100%; background:#f2f2f2;padding-bottom: 10px}
.aboutus{width:100%; max-width:1600px; margin:auto;}
.story-list2 .item {position: relative;margin-bottom: 20px;}
.story-list2 .picbox {width: 50%;height: 0;overflow: hidden;}
.story-list2 .picbox img {display: block;width: 100%;transition: transform 1.2s ease-in;}
.story-list2 .picbox:hover img {transform: scale(1.04, 1.04);}
.story-list2 .picbox {padding-bottom: 0;height: auto;}
.story-list2 .infobox {position: absolute;left: 0;top: 0;bottom: 0;width: 50%;background: #fff;}
.story-list2 .infobox .desc{color:#888;}
.story-list2 .infobox .desc p{margin-bottom: 14px;}
.story-list2 .item:nth-child(odd) .picbox,
.story-list2 .item:nth-child(even) .infobox {margin-left: 50%;}
.story-list2 .infobox .title {position: relative;font-size: 24px;text-align: center;white-space: nowrap;text-overflow: ellipsis;
  overflow: hidden;}
.story-list2 .infobox .diff {margin: 24px auto;width: 32px;height: 4px;background: #001886;}
.story-list2 .infobox .desc{ font-size: 16px; line-height:2;}

@media (min-width: 1500px){
  .story-list2 .infobox {padding:70px 50px;}
  .story-list2 .infobox .desc{ font-size: 16px; line-height:2;}
}
@media (max-width: 1499px){
  .story-list2 .infobox {padding:30px 20px;}
  .story-list2 .infobox .diff {margin: 18px auto;}
}
@media (max-width: 1300px){
  .story-list2 .infobox .desc{ font-size: 15px;}
  .story-list2 .infobox .diff {margin: 8px auto;}
  .story-list2 .infobox .desc p{margin-bottom: 8px;}
}
@media (min-width: 951px) and (max-width:1299px){
  .story-list2 .infobox {padding: 10px 20px;}
  .story-list2 .infobox .title {margin:0px;}
  .story-list2 .infobox .desc{line-height:1.3;font-size: 14px;}
  .story-list2 .infobox .diff{margin:10px auto;}
}
@media (max-width: 950px) {
  .no-list-style{padding: 0;}
  .story-list2 .item:nth-child(odd) .picbox,.story-list2 .item:nth-child(even) .infobox {margin-left: 0;}
  .story-list2 .picbox {width: 100%; padding-bottom: 60%;}
  .story-list2 .infobox {position: static;width: 100%;padding: 1em;}
  .story-list2 .infobox .title {text-align: left;font-size: 24px;}
  .story-list2 .infobox .diff {margin-left: 0;}
  .dobest .desc {width: 100%;font-size: 16px;}
}
/* 关于我们 end */

/* 为您思考 为您实现 */
.cases{margin-top: 40px;}
.contactbg {background-image:url(../images/contact.jpg); background-position: 50% 50%;height:370px;}
.contactbg .dline1 {margin:auto;width:100%;text-align:center;padding-top:130px;font-size:38px; color:#fff;padding-bottom:15px;}
.lanline {margin:auto;width:100%;text-align:center;font-size:30px!important;line-height:50px;height:60px;
  background:url(../images/lanline.png) bottom center no-repeat;}
.showtext {line-height:24px;padding-bottom:10px;padding-top:10px;padding-left:0px;padding-right:0px;font-size:14px;}
.bg-lan {background:#eef7ff;padding:40px 0;margin-top:40px;}
.contactlx {width:100%;margin-top:23px;text-align:left;}
.indextitle {margin: auto;width: 140px;text-align: center;font-size: 30px;line-height: 50px;border-bottom: #1478cd solid 3px;}
.indextitle2 {color: #5f5f5f;margin: auto;text-align: center;font-size: 16px;line-height: 26px;padding-top: 15px;padding-bottom: 5px;}
.contactlx h2.lxtitle,.contactlx h2.lxtitle2,.contactlx h2.lxtitle3{text-align:left;padding-left:40px;font-size:24px;color:#000;
  height:33px;line-height:33px;}
.contactlx h2.lxtitle{background:url(../images/zj.png) no-repeat;}
.contactlx h2.lxtitle2{background:url(../images/dt.png) no-repeat;}
.contactlx h2.lxtitle3{background:url(../images/gj.png) no-repeat;}
/* 为您思考 为您实现 end */


/* 当前位置 */
ul li{list-style: none;}
.position{padding: 20px 0;background: #f5f5f7;}
.home{padding: 0;margin: 0;}
.home li{display: inline-block;vertical-align: middle;font-size: 14px;color: #767676;}
.home li>a{font-size: 14px;color: #767676;}
.home li.active>a,.home li>a:hover{color: #0074b7!important;}
/* 当前位置 end */

/* app开发 */
.app_development{background: #f5f5f7;padding: 30px 0 50px;}
.quan{color: #0074b7;font-size: 36px;}
.wome{font-size: 16px;text-align: center;color: #767676;padding: 6px 0 20px;position: relative;}
.wome:before{content: "";width: 80px;height: 4px;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;background: #e5e5e5;}

.industry{margin-top: 40px;}
.industry_s{font-size: 0;padding: 0;margin: 0;}
.industry_s li{width: 14.28%;display: inline-block;vertical-align: top;padding: 2px;}
.industry_s li>a{width: 100%;padding: 20px 10px;background: #fff;text-align: center;display: inline-block;}
.industry_s li>a>img{max-width: 100%!important;}
.app_title{font-size: 18px;color: #686868;margin-top: 14px;}
.industry_s li>a img{transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;}
.industry_s li>a:hover img{transform: rotateY(.5turn);-webkit-transform: rotateY(.5turn);-moz-transform: rotateY(.5turn);-ms-transform: rotateY(.5turn);}
.industry_s li>a:hover .app_title{color: #0074b7;}

.consultation{margin-top: 50px;text-align: center;}
.consultation>a{background: #fe7525;font-size: 16px;border-radius: 4px;padding: 12px 36px;display: inline-block;color: #fff!important;}

@media(max-width: 1200px){
  .industry_s li{width: 20%;}
}
@media(max-width: 1000px){
  .industry_s li{width: 25%;}
}
@media(max-width: 768px){
  .industry_s li{width: 33.3%;}
}
@media(max-width: 440px){
  .quan{font-size: 20px;}
  .wome{font-size: 14px;}
  .industry_s li{width: 50%;}
}
/* app开发 end */

/* 小程序开发 */
.small{font-size: 0;padding: 0;margin: 0;}
.small li{width: 18.8%;display: inline-block;vertical-align: top;text-align: center;margin: 0 1.5% 15px 0;}
.small li>a{display: inline-block;padding: 20px;background: #fff;min-height: 260px;}
.small li:nth-child(5n){margin-right: 0;}
.small_title{font-size: 18px;font-weight: bold;color: #505050;margin-top: 14px;}
.small_text{font-size: 14px;margin-top: 10px;color: #aaa;line-height: 1.8;}
.small li>a:hover{box-shadow: 4px 4px 12px #ddd;}

@media(max-width: 1200px){
  .small li{width: 23.85%;}
  .small li:nth-child(4n){margin-right: 0;}
  .small li:nth-child(5n){margin-right: 1.5%;}
}
@media(max-width: 1000px){
  .industry_s li{width: 25%;}
  .small li{width: 32.33%;margin: 0 0.5% 15px!important;}
  .small li:nth-child(5n){margin-right: 0;}
}
@media(max-width: 768px){
  .industry_s li{width: 33.3%;}
  .small li{width: 49%;}
}
@media(max-width: 440px){
  .quan{font-size: 20px;}
  .wome{font-size: 14px;}
  .industry_s li{width: 50%;}
  .small li{width: 100%;margin: 0 0 15px!important;}
  .small li>a{min-height: 140px;}
}
/* 小程序开发 end */

/* 软件系统 */
.software{font-size: 0;padding: 0;margin: 0;}
.software li{width: 32%;display: inline-block;vertical-align: top;padding: 15px;margin: 0 0.65% 15px;background: #fff;
  border-radius: 8px;box-shadow: 4px 3px 8px #ddd;position: relative;min-height: 160px;}
.ware{display: inline-block; width: 50px;height: 64px;background: url(../images/software.jpg)no-repeat;}
.software li .ware{position: absolute;top: 0;right: 0;}
.soft{font-size: 0;width: 100%;padding: 10px 0;}
.soft .soft_a,.soft .soft_b{display: inline-block;vertical-align: top;}
.soft_b{width: 74%;}
.soft_title{font-size: 18px;font-weight: bold;color: #505050;}

@media(max-width: 1200px){
  .software li{width: 48%;margin: 0 1% 15px;}
}
@media(max-width: 768px){
  .software li{width: 100%;margin: 0 0 15px;}
}
/* 软件系统 end */

/* 案例中心 */
.products_title{color: #1959b9;font-size: 16px;background: #f5f5f5;padding: 10px;}
.product_zs{margin-top: 10px;padding: 0 10px;}
.pro_s>a{width: 100%;display: inline-block; background: #f1f1f1;padding: 6px;transition: all 0.5s;}
.pro_t{font-size: 14px;text-align: center;padding: 14px 0 8px;color: #888;}
.pro_s>a:hover{background: #1959b9;transition: all 0.5s;}
.pro_s>a:hover .pro_t{color: #fff;text-decoration: underline;}
.product_zs .col-md-3{padding: 10px 6px;}

@media (min-width: 801px) { 
  .indexnav h3{text-align: center; display: none;}
  .indexnav .case {display: block; width: 100%; font-size: 0;text-align: center;}
  .indexnav .case li {display: inline-block; cursor: pointer;padding: 4px;}
  .indexnav .case li a{display:block;color: #191919!important;position: relative;font-size: 14px;border: 1px solid #ddd;padding: 6px 20px;
    border-radius: 20px;}
  .indexnav .case .cur a,.indexnav .case li a:hover{background: #0074b7; color: #fff!important;}
}
@media (max-width: 800px) { 
  .banners .banner_nav{position: static;}
  .banner_nav{padding: 0;}
  .indexnav h3{width: 100%;background: #0074b7;padding: 10px;font-size: 16px; text-align: center; cursor: pointer;color: #fff;}
  .indexnav h3 span:after{content: "";width: 24px;height: 24px;border-left: 8px solid transparent;border-right: 8px solid transparent;
    border-top: 12px solid #fff;font-size: 0;line-height: 0;margin-left: 8px;-webkit-transform: translateY(-6px);-moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);-o-transform: translateY(-6px);transform: translateY(-6px);}
  .indexnav{position: relative;}
  .indexnav .case{display: none;width: 100%;background: #f5f5f5;position: absolute;top: 107%;z-index: 9;font-size: 0; padding: 0;margin: 0;}
  .indexnav .case li{width: 25%;text-align: center;padding: 0;margin: 0;}
  .indexnav .case li a{display: block;width: 100%;font-size: 14px;padding: 10px;color: #696969;}
  .indexnav .case li a:hover,.indexnav .case .cur a{background: #0074b7; color: #fff!important;}
}
@media (max-width: 440px) { 
  .indexnav .case li{width: 33.33%;}
}

.case_center{padding: 60px 0;overflow: hidden;}
.case_s{width: 100%;font-size: 0 ;padding: 0;}
.case_s li{width: 32%;display: inline-block;vertical-align: top;margin: 0 2% 30px 0;}
.case_s li>a .case_img{border-radius: 10px;border: 1px solid #ddd;overflow: hidden;max-height: 236px;}
.case_s li:nth-child(3n){margin-right: 0;}

.case_s li>a{display: inline-block;width: 100%;}
.case_s li>a .magazinet{display: none;}
.case_s li>a:hover .magazinet{display: block;}
.magazines{width: 100%;position: relative;border-radius: 10px;overflow: hidden;}
.magazines .magazinet{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.mag_a{position: relative;width: 100%;height: 100%;background: rgba(0,0,0,0.8);}
.mag_a .mag_b{width: 100%;text-align: center; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #fff;padding: 0 15px;}
.mag_a .mag_b h5{font-size: 24px;padding-bottom: 15px;position: relative;margin-bottom: 20px;}
.mag_a .mag_b h5:before{content: "";width: 50px;height: 2px;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;background: #fff;}
.mag_a .mag_b h6{font-size: 15px;line-height: 2;color: #afafaf;}

.glist_foot{margin-top: 20px;font-size: 15px;line-height: 1;}
.glist_left,.glist_right{display: inline-block;vertical-align: top;}
.glist_left{color:#000;padding-right: 10px;position: relative;}
.glist_left:before{content: "";width: 1px;height: 100%;position: absolute;right: 0;background: #000;}
.glist_right{padding-left: 8px;color: #969595;}


.case_details{position: relative;}
.banner_case{position: absolute;width: 100%;bottom: 0;left: 0;}
.case_detail_s{width: 100%;padding: 20px 20px 0;background: #e5e5e5;}
.details{padding: 18px 0;border-top: 1px solid rgba(255,255,255,0.5);margin: 0;text-align: center;}
.details li{text-align: center;display: inline-block;vertical-align: middle;}
.details li.last{float: left;}
.details li.next{float: right;}
.details li>a{color: #575757!important;font-size: 14px;}
.details li.active>span{font-size: 20px;font-weight: 600;position: relative;}
.details li.active>span:before{content: "";width: 100%;height: 2px;position: absolute;left:0;bottom: -20px;background: #0069c8;}

.details_center{padding-bottom: 60px;}
.content img,.content table{max-width: 100%!important;height: auto!important;}

.color_s{font-size: 15px;color: #888;}
.detail_s{margin: 0;padding: 20px 0 0;}
.detail_s li.last{float: left;}
.detail_s li.next{float: right;}
.detail_s li>a{font-size: 15px;color: #888!important;}
.detail_s li>a:hover{color: #ff9b00!important;}

@media(max-width: 1200px){
  .case_s li{width: 49%;margin: 0 0 30px 0;}
  .case_s li>a .case_img{max-height: 260px;}
  .case_s li:nth-child(2n){margin-left: 2%;}
}
@media(max-width: 1000px){
  .case_s li>a .case_img{max-height: 220px;}
  .case_detail_s{padding: 0;}
  .details{padding: 8px 0;border-top: none;}
  .details li.last,.details li.next{display: none;}
  .details li.active>span:before{bottom: -10px;}
}
@media(max-width: 768px){
  .case_s li{width: 100%;}
  .case_s li>a .case_img{max-height: 240px;}
  .case_s li:nth-child(2n){margin-left: 0;}
  .details li.active>span{font-size: 16px;}
  .detail_s li{width: 100%;float: left;}
}
/* 案例中心 end */

.product_padding{padding: 20px 0 50px;}
.products_left{width: 22%;float: left;}
.products_right{width: 76%;float: right;}

.indexnav h3{padding: 15px 0; text-align: center;}
.indexnav .phone{display: block; width: 100%;text-align: center;}
.indexnav h3,.indexnav .mobile{background: #2a84ff;text-align: center; color: #fff;padding: 10px 0;font-size: 16px;}
.indexnav .phone li{border-top: 1px solid #fff;}
.indexnav .phone li>a{width: 100%;display: inline-block;color: #555;font-size: 16px;background: #f1f1f1;padding: 12px 0;}
.indexnav .phone .cur a,.indexnav .phone li>a:hover{background: #2a84ff;color: #fff!important;}
ul{margin: 0; padding: 0;}

/* news */

.news_title>a{font-size: 24px;color: #000;line-height: 1.2;}
.news_title>a:hover{color: #2a84ff!important;}
.news_time{font-size: 14px;color: #999;margin: 10px 0;}
.news_content_s{overflow: hidden;display: inline-block;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;line-height: 1.5;}
.news_content_s{font-size: 16px;color: #777; height: 4.5em; -webkit-line-clamp: 3;}

.viewdetails{margin-top: 20px;}
.viewdetails>a{display: inline-block;border: 1px solid #2a84ff;color: #2a84ff;font-size: 14px;padding: 10px 16px;line-height: 1;}
.viewdetails>a:hover{background: #1766cd;color: #fff;}

.news_none:first-child{padding-top: 0;}
.news_none{border-bottom: 1px dashed #ddd;padding: 20px 0;}
.news_details_l,.news_details_r{display: inline-block;vertical-align: middle;}
.news_details_l{width: 100%;}

.index_news h1{font-size: 24px;text-align: center;line-height: 1.2;font-weight: bold;}
.index_news .news_time{font-size: 16px;margin: 16px 0;text-align: center;}
.news_text{margin-top: 20px;line-height: 2;font-size: 16px;color: #888;}

.prevnext{margin-top: 30px;}
.prevnext li{line-height: 2;color: #888;}
.prevnext li>a{color: #888;}
.prevnext li>a:hover{color: #2a84ff!important;}

@media(max-width: 1000px){
  .cases{padding-left: 0;}
  .products_left{display: none;}
.products_right{width: 100%;float: right;}
}

@media(max-width: 640px){
  .news_details_l{width: 100%;}
  .news_details_r{width: 100%;margin-top: 20px;}
}
/* news end */