@charset "UTF-8";
/*banner*/
.banner {border-top: 6px solid #fe0008;
  height: auto;
  max-width: 1920px;
  margin:127px auto!important;
  position: relative;

}
.banner .bd li {
  float: left;
  width: 100%;
  line-height: 0;
}
.banner .bd li img {
  width: 100%;
}
.banner .bd li a {
  display: block;
}
.banner .hd {
  z-index: 1;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  left: 0;
  width: 100%;
  bottom:4%;
  cursor: pointer;
}
.banner .hd li {
  width:68px;
  height:5px;
  display: inline-block;
  margin: 0 5px;
  background: #fff;
  box-sizing: border-box;vertical-align: middle; opacity: .3;
}
.banner .hd li.on {
   width:68px;
  height:5px;  background: #fff;
 vertical-align: middle;opacity: .8;
}
.banner .prev {
  position: absolute;
  top: calc(45% - 35px);
  left: 0%;
  z-index: 10;
  cursor: pointer;
  opacity: 0;
  transition: all 0.5s linear;
}
.banner .next {
  position: absolute;
  top: calc(45% - 35px);
  right: 0%;
  z-index: 10;
  cursor: pointer;
  opacity: 0;
  transition: all 0.5s linear;
}
.banner:hover .prev {
  opacity: 1;
  left: 6%;
}
.banner:hover .next {
  opacity: 1;
  right: 6%;
}

/*解决方案*/
.wp {width: 1250px;margin:auto;}
.w95{ width:94.4%; margin:auto;}
@media screen and (min-width:1000px) and (max-width:1219px) {.w95 {width: 980px;margin:40px auto;}}
@media screen and (max-width:999px) {.wp5 {width: 95%;margin:40px auto;}}

.w95 ul li:nth-child(1){ margin-left:0 !important;}
.w95 ul li:nth-child(4){ margin-left:0 !important; }
.w95 ul li:nth-child(5){}
.w95 ul li:nth-child(6){}
@media screen and (min-width:1220px) {.no_margin{margin-left: auto!important;}}
@media screen and (min-width:1000px) and (max-width:1219px) {.no_margin{margin-left: auto!important;}}

.syp{ padding-bottom: 5px;position: relative;}
.sypbt1{display: block;font-size:24px;font-size:2.4rem;line-height: 26px;text-align: center;}
.sypbt2{display: block;font-size: 40px;font-size: 4rem;font-weight: bold;text-align: center;margin-top: 8px;margin-bottom: 12px;}
.sypbt3{display: block;text-align: center;font-size:18px;font-size:1.8rem;color: #888888;line-height: 26px;margin-bottom: 73px;}
.phang{padding-top: 52px;margin-bottom: 80px;}
.phang1{background: url(../images/sybg1.jpg) no-repeat center top;}
.phang2{background: url(../images/sybg2.jpg) no-repeat center top;}
.sypbox{text-align: center;background: #fff;transition: 0.5s;box-shadow: none;padding-bottom:24%;position: relative;z-index: 999;}
.w95 ul li{margin-left:3.2%; float: left; width:31.2%; margin-bottom:6%;}
.syptu{display: block;}
.syptu img{display: block;width: 100%; transition: 0.5s; overflow:hidden;}
.sypxia{padding: 0 25px;padding-top:20px;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);width:86%;position: absolute;bottom: 0;height:220px;left:7%;background:#fff;}
.sypxia a{display: block;}
.sypp1{font-size:22px;line-height: 27px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color:#333;}
.sypp2{font-size:16px; color: #666666; line-height:30px;  overflow: hidden; margin:25px auto; width:73%;}
.sypp3{width: 135px;height: 36px;line-height: 36px;text-align: center;border-radius: 18px;margin: 0 auto;border: 1px solid #888;color: #444;}
.sypp1:hover{color: #fe0008;}
/*.sypp2:hover{color: #fe0008;}*/
.sypp3:hover{color: #fff;background: #fe0008;border: 1px solid #fe0008; }
.sypbox:hover .sypcon{box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);}
.sypbox:hover .syptu img{transform: scale(1.1);}
.sypcon{position: relative; overflow:hidden;}

.sypbox:hover .sypxia{top:25%; display: inline-block; opacity: .9;}

.sypbox:hover .sypp1{ color:#fe0009; padding-top:8px;}
.sypxia :hover{top:24%; display: inline-block; opacity: .9;}
.sypcover{position: absolute;left: 0;top: -100%;width: 100%;height: 100%;background: url(../images/sypcover.png);}
.sypbox:hover .sypcover{top: 0;}
#canvas{position: absolute; top: 0; left: 0; width: 100%;height: 100%;}
@media screen and (max-width:1219px) {
    .sypbox{margin-left: 30px;width: 306px;}
}
@media screen and (max-width:999px) {
    .syp{padding-top: 40px;}
    .sypbt1{font-size:20px;}
    .sypbt2{font-size: 30px;}
    .sypbt3{margin-bottom: 40px;}
    .sypbox{width: 31.3333%;margin: 0 1%;}
    .sypxia{padding-left: 15px;padding-right: 15px;}
    .sypp1{font-size:16px;}
    .sypp2{font-size:14px;}
    .sypcover{display: none;}
}
@media screen and (max-width:767px) {
    .phang{margin-bottom: 45px;}
    .sypbt2{font-size:24px;}
    .sypbt3{font-size:16px;}
    .sypp3{width: 114px;}
}
@media screen and (max-width:500px) {
    .sypbox{width: 48%;margin-bottom: 20px;}
    .phang{margin-bottom: 25px;padding-top: 25px;}
    .sypbt3{margin-bottom: 25px;}
    .sypp3{width: 100px;}
}

/*产品*/
.home-case .col12 h2{ color:#fff;}
.home-case .title_line{background: #fff;  opacity: .9;}
.home-case .col12{ margin-bottom:45px;}
.home-case{background: #2b2c30; padding-bottom:70px; padding-top:2px; margin-top:0.5%; overflow:hidden;}
.home-case .home-tit .tit{ }
.home-case .home-tit .tit span{  }
.home-case .home-tit .tit p{ }
.home-case .home-tit .des{ }
.home-case .home-tit .des span:before,
.home-case .home-tit .des span:after{  }
.home-case .home-tab{ margin:auto;}
.home-case .home-tab span,
.home-case .home-tab a{ /*border: 1px solid rgba(255,255,255,.3); background: rgba(255,255,255,.1);*/ color: #fff; font-size:24px; border-top:#fff solid 3px;}
.home-case .home-tab span.active{ border-top:#fd0207 solid 3px; color:#fd0207; font-weight:bold; }
.home-case .js-tab-con{ display: none;}
.home-case .js-tab-con.active{ display: block;}

.home-tab { text-align: center;}
.home-tab span,
.home-tab a{display: inline-block; margin: 0 1.9%; line-height:38px; color: #231915;  cursor:pointer;}
.home-tab span.active{border-top:#fd0207 solid 3px; color: #FFFFFF;}


.home-more{ margin: 0 auto; display: block; width: 180px; text-align: center; height: 46px; line-height: 46px; background: #166564; color: #FFFFFF; font-size: 15px; letter-spacing: 1px;}
.home-more:hover{ background:#b48a62;}

.home-more3{ margin:70px auto; display: block; width: 180px; text-align: center; height:34px; border-radius: 5px; line-height:48px; border:#b48b62 solid 1px; color: #b48b62; font-size: 15px; letter-spacing: 1px;}
.home-more3:hover{background: #b48b62; color:#fff;}

.home-case-list li{ float: left; width: 24%; margin:3.6% 0.5% 0 0.5%;/*box-shadow: 0 0 15px 0px rgba(0,0,0,0.09);*/}
.home-case-list li:nth-child(4n+1){ clear: both;}
.home-case-list .item{ display: block;}
.home-case-list .item .img{ position: relative; overflow: hidden; display: block;}
.home-case-list .item .img-vertical i{ padding-bottom: 67.021277%;}
.home-case-list .item .pop{ position: absolute; bottom:0; left:0; width: 100%; height:0; background-color: rgba(43,44,48,.8); text-align: center; overflow: hidden;}
.home-case-list .item .pop .con{ display: inline-block; vertical-align: middle; padding:15.6% 20px;}
.home-case-list .item .pop i{ display: inline-block; vertical-align: middle; height: 100%;}
.home-case-list .item .pop p{ margin:0 auto 20px;  max-width: 340px; color: #ffffff; font-size:15px; line-height: 28px; max-height:84px; overflow: hidden;}
.home-case-list .item .pop span{ display: inline-block; width:48px; height:48px; background: url(../images/ico_search.png);}
.home-case-list .item .text{ padding: 15px 0 0 0; text-align:center;}
.home-case-list .item .tit{position: relative;}
.home-case-list .item .tit span{ display: block; color: #fff; line-height:26px; font-size: 20px;}
.home-case-list .item .tit i{position: absolute; top:0; right:0; line-height:26px;  background: url(../images/ico_heart.png) no-repeat left; padding-left: 22px; color: #101b26; font-size: 16px; font-style: normal; cursor: pointer;}
.home-case-list .item .des{ margin-top: 8px; font-size:15px; color:#fff;}
.home-case-list .item .des span{ margin: 0 11px;}
.home-case-list .item:hover .img img{ transform: scale(1.05); -webkit-transform: scale(1.05);}
.home-case-list .item:hover .pop{ height: 100%;}
.home-case-list .item:hover .tit span{ color:#fd0207;}
.home-case-list .item:hover .tit i,
.home-case-list .item .tit i.active{ background: url(../images/ico_heart_h.png) left no-repeat; color:#101b26;}

/*技术实力*/
.casebj{}
.case{width: 100%; padding: 0 10%;}
.case .cas-left ul{ overflow: hidden; }
.case .cas-left ul li{float:left; padding:0 4.2%; height:165px; box-sizing: border-box; background:url(../images/limg.jpg) top right no-repeat;}
.case .cas-left ul li:nth-child(7n){ background:none; padding:0 0 0 4.2%}
.case .cas-left ul li a{display: block;padding-top:15px;height:143px; box-sizing: border-box;}
.case .cas-left ul li i{display: block; width:68px;height:68px; overflow: hidden;margin:0 auto; padding-bottom:26px;}
.case .cas-left ul li i img{width:100%; transition: .5s; filter: grayscale(100%) brightness(280%);}
.case .cas-left ul li span{display: block; line-height:30px; text-align: center;font-size:22px; color:#999;}
.case .cas-left ul li.casn.cur{}
.case .cas-left ul li.casn.cur i img{/*margin-top:-40px;*/ filter: grayscale(0) brightness(100%);}
.case .cas-left ul li.casn.cur span{color:#fd0207; font-weight: bold;}
.case .cas-left ul li:last-child:hover{}
.case .cas-left ul li:last-child:hover i img{ filter: grayscale(0) brightness(100%);}
.case .cas-left ul li:last-child:hover span{ color:#fd0207; font-weight: bold;}
.case .cas-box{ margin:60px auto;position: relative;}
.case .cas-box .cas-jt i{display: block; width:62px; height:62px;cursor: pointer;}
.case .cas-box .cas-jt .cas-prev{ border: solid 1px #dddddd; background: #fff url(../images/hprev.png) no-repeat center; border-radius: 50%; width:56px; height:56px;position: absolute; left: -50px; top:208px;}
.case .cas-box .cas-jt .cas-next{border: solid 1px #dddddd; background: #fff url(../images/hprev.png) no-repeat center; border-radius: 50%; width:56px; height:56px;position: absolute; right: -50px; top:208px;}


.case .cas-box .cas-jt .cas-prev:hover,.case .cas-box .cas-jt .cas-next:hover { border: solid 1px #ff0008; background: #ff0008 url(../images/prev1.png) no-repeat center;}


.case .cas-box .cas-jt .cas-next{ transform: rotate(180deg);}
.cas-jt{ width:100%; left: 0; margin-left: 0; }

.cas-con{ width:1250px !important; margin:auto;}
.con dl { height: 474px;}
.con dt { width: 645px; height: 474px; float: left; overflow: hidden; }
.con dt img { width: 632px; height: 474px; }
.con dd { width:540px; padding-right: 40px; float: right; }
.con dd h4 a { display: block; position: relative; font-size:24px; margin-bottom:23px; color: #333; line-height: 100%; padding-bottom:30px; padding-top:64px; }
.con dd h4 a:after { position: absolute; content: ""; width:194px; height:1px; background: #8a8a8a; left: 0; bottom: 0; }

.con dd p {font-size:17px;color: #999;line-height: 26px;padding-left:17px;position: relative;margin-bottom:10px;letter-spacing:0.5px;}

.con dd p:before { position: absolute; content: ""; width:4px; height:4px; background: #999; top: 12px; left: 0; }

.con dd span a { display: block; width:180px; font-weight:normal; text-indent:39px; height:50px; background:#fe0009 url(../images/ri.png) no-repeat 128px 13px; border-radius:4px; font-size:18px; color: #fff; line-height:50px;  margin-top: 42px; transition: .3s; }
.con dd span a:hover { background-color:#2b2c30; width:240px;}


/*简介*/
.abou .col12 h2{ color:#fff;}
.abou .title_line{background: #fff;  opacity: .9;}
.abou .col12{ margin-bottom:60px;}
.abou{background: #2b2c30; padding-bottom:70px; height:780px; padding-top:2px; margin-top:5.2%; overflow:hidden;}

.abou{ width: 100%; position: relative;}
.abou .img{ /*width: 960px; height: 560px;*/ position: absolute; left: 50%; margin-left: -960px;}
.abou .nr{ width: 960px; height: 560px; position: absolute; right: 50%; margin-right: -960px;}

.comtit{ text-transform:uppercase; font-size:31px; margin:18px; font-weight: bold; color:#fff;}
.comt{ font-size:17px; line-height:39px; color:#fff; width:580px; float:left; font-weight: 100; margin-left:18px; margin-top:24px;}
.comtit a{color:#fff;}
/*客户*/
.w75{width:100%;}
.w75 ul{}
.w75 ul li{ width:24.8%;float: left; margin-right:0.1%; margin-left:0.1%; position: relative; overflow:hidden;}
.w75 ul li img{ width:100%}
.w75 ul li .wz{ width:100%; height: 106px; background: url(../images/wj5yy.png); position: absolute; left: 0; bottom:4px; }
.w75 ul li .wz h4{ font-size: 24px; color: #fff; line-height: 24px; display:none;}
.w75 ul li:hover .wz{ width:100%; height:100%;  background: url(../images/sypcover.png); /*transition:all 0.5s; */}
.w75 ul li:hover .wz h4{display:block; height: 100%;align-items: center; display: -webkit-flex; justify-content: center;}
/*新闻*/
.wrapper{margin:0 auto;width:90%}
.news .col12 h2{ color:#fff;}
.news .title_line{background: #fff;  opacity: .9;}
.news .col12{ margin-bottom:60px;}
.news{background: #2b2c30; padding-bottom:70px;  padding-bottom:1.8%; overflow:hidden;}
.news span a{ color:#fff; font-weight:bold; float:right;}
.news span a:hover{ color:#ff0008;}
.news-main{overflow:hidden;}
.news-tab{ margin-top:4%;}
.news-list .item{float:left;margin-right:4.6%;width:30.2%;overflow:hidden;}
.iteri{ margin-right:0 !important;}
.news-list .pic{position:relative; overflow:hidden;}
.news-list .pic img{display:block;width:100%;transition:all 0.5s;}
.news-list .pic em{display:block;position:absolute;left:0;bottom:0;width:124px;height:50px;line-height:50px;text-align:center;font-size:18px;color:#fff;background:rgba(0,0,0,0.5);}
.news-list .text{padding-top:20px;overflow:hidden;}
.news-list .text h3{height:44px;line-height:44px; font-size:20px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-list .text h3 a{color:#fff;}
.news-list .text p{margin-top:2%;height:75px;line-height:30px;font-size:16px;color:#fff;overflow:hidden; opacity: .9; text-align:left;}
.news-list .text .read{display:block;margin-top:26px;width:102px;height:36px;line-height:36px;font-size:14px;color:#666;text-align:center;border:#ccc solid 1px;}
.news-list .item:hover .pic img{transform:scale(1.1);}
.news-list .item:hover .text h3 a{text-decoration:none; color:#ff0000;}
.news-list .item:hover .text .read{color:#fff;text-decoration:none;background:#ff0008;border-color:#ff0008;}
.news-list .item:hover .text .read:after{filter:contrast(0) brightness(2);}

.news-list .item:nth-child(4n){margin-right: 0;}

.news-menu{margin-bottom:3%;text-align:center;overflow:hidden; margin-top:2%}
.news-menu li{display:inline-block;margin:0 5px;}
.news-menu li a{display:block;width:28px;height:28px;line-height:26px;font-size:15px;color:#fff;border:#ccc solid 1px;}
.news-menu li.on a,.news-menu li a:hover{color:#fff;text-decoration:none;background:#ff0008;border-color:#ff0008;}

/*给我们发信息*/

.com-more { display: inline-block; width: 140px; margin-top:30px; height: 40px; background-color:#ff0008; border-radius: 2px; line-height: 40px; text-align: center; color: #fff !important; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.com-more:hover { width: 150px; }