.cooperation ul .coop-left span:hover img {
  position: absolute;
  right: -5%;
  width: 110%;
  transition: .5s ease-in-out;
}

.cooperation ul .coop-conter span:hover img {
  width: 110%;
  z-index: 2;
  margin-left: -5%;
  margin-top: -2.5%;
  transition: .5s ease-in-out;
}

.cooperation ul .coop-right span:hover img {
  width: 110%;
  z-index: 2;
  margin-top: -3%;
  margin-left: -5%;
  transition: .5s ease-in-out;
}

body {
  background: #EEE;
}

#myCarousel .carousel-inner .item {
  height: 100%;
}

/*  */
.banner-a {
  height: 4.37rem;
  width: 100%;
  background: #000000;
}

/* position: fixed;top: 0px; */
.banner-a .ban-title { /*position: absolute;top: 0;*/
  z-index: 20;
  width: 740px;
  font-size: 68px;
  font-family: "微软雅黑";
  font-weight: bold;
  color: #ffffff;
  letter-spacing: 6px;
  margin: 180px auto 0;
  z-index: 22;
}

.banner-a .rectangle {
  position: absolute;
  left: 44%;
  top: 270px;
  z-index: 20;
  width: 250px;
  height: 30px;
  box-shadow: -2px 0px 40px #000, 0px -2px 40px #000, 5px 0px 40px #000, 0px 2px 40px #000;
  color: #ffffff;
  line-height: 30px;
  background: #000;
  border-radius: 15px;
  margin: 30px auto;
  text-align: center;
}

.banner-a .rectangle span {
  position: absolute;
  left: 0;
  letter-spacing: 5px;
  font-family: '微软雅黑';
  font-size: 18px;
}

/* margin-top: 850px; */
.service {
  overflow: hidden;;
  width: 100%;
  height: 795px;
  background-image: url(../image/c.png);
  background-repeat: no-repeat;
  background-position: 660px 78px;
  background-size: 625px 718px;
  position: relative;
  background: #FFFFFF;
}

.service .ser-title {
  width: 1030px;
  height: 110px; /*position: absolute;bottom:90px;*/
  margin: -.7rem auto;
  letter-spacing: 5px;
  left: 468px;
  font-size: 52px;
  text-align: center;
  font-weight: bold;
  font-family: '微软雅黑';
  line-height: 60px;
}

.services {
  width: 100%;
  height: 815px;
  background: #F4F4F4;
  overflow: hidden;
}

/*background-image: url(../image/d.png);background-repeat: no-repeat;background-size: 820px 430px; background-position:3rem 1.8rem;*/
.services .sers-title {
  width: 900px;
  color: #313131;
  letter-spacing: 5px;
  margin: 118px auto 0;
  font-size: 52px;
  font-family: '微软雅黑';
  font-weight: bold;
  text-align: center;
  line-height: 52px;
}

.services .sers-til {
  width: 810px;
  color: #545454;
  margin: 30px auto 0;
  font-size: 18px;
  font-family: '微软雅黑';
  line-height: 17px;
}

.creation {
  width: 100%;
  background: #EEEEEE;
}

#index-title {
  font-size: 52px;
  color: #313131;
  text-align: center;
  line-height: 52px;
  margin-top: 33px;
  font-family: '微软雅黑';
  font-weight: bold;
}

#index-til {
  font-size: 18px;
  text-align: center;
  letter-spacing: 1px;
  line-height: 18px;
  margin-top: 20px;
  color: #939393;
  font-family: '微软雅黑';
}

.creation .cre-con {
  margin-top: 53px;
}

/* .creation .cre-con ul{height: 319px;width: 1268px;margin: auto;} */
#iot, #education, #retail-s, #more {
  margin-top: -100%;
  width: 305px;
  height: 319px;
  background: #ffffff;
  float: left;
  margin-right: 6px;
  margin-left: 6px;
  position: relative;
  margin-bottom: 20px;
}

#more span {
  display: inline-block;
  text-align: center;
  font-family: '微软雅黑';
}

#more .more-title {
  font-size: 24px;
  line-height: 24px;
  margin-top: 128px;
  font-family: '微软雅黑';
  color: #313131;
}

#more .more-til {
  font-size: 12px;
  line-height: 12px;
  margin-top: 13px;
  letter-spacing: 2px;
  font-family: '微软雅黑';
  color: #313131;
}

#iot .li-img {
  width: 64px;
  height: 52px;
  margin: 56px auto 0;
}

#iot .li-name {
  padding-left: 130px;
  color: #313131;
  font-size: 24px;
  line-height: 24px;
  font-family: '微软雅黑';
  letter-spacing: 4px;
  margin-top: 18px;
}

#iot .li-til {
  letter-spacing: 2px;
  padding-left: 100px;;
  line-height: 12px;
  font-family: '微软雅黑';
  margin-top: 25px;
  color: #313131;
  font-size: 12px;
}

#iot .li-more {
  letter-spacing: 2px;
  width: 86px;
  height: 29px;
  font-size: 12px;
  border: 2px solid #9C9C9C;
  margin: 34px auto 0;
  line-height: 29px;
  padding-left: 4px;
  color: #313131;
}

#iot .block-hover .li-img {
  width: 52px;
  height: 52px;
}

#education .li-img {
  width: 67px;
  height: 49px;
  margin: 65px auto 0;
}

#education .li-name {
  padding-left: 130px;
  color: #313131;
  font-size: 24px;
  line-height: 24px;
  font-family: '微软雅黑';
  letter-spacing: 4px;
  margin-top: 15px;
}

#education .li-til {
  letter-spacing: 4px;
  padding-left: 86px;;
  line-height: 12px;
  margin-top: 25px;
  color: #313131;
  font-size: 12px;
  font-family: '微软雅黑';
}

#education .li-more {
  letter-spacing: 2px;
  width: 86px;
  height: 29px;
  font-size: 12px;
  border: 2px solid #9C9C9C;
  margin: 34px auto 0;
  line-height: 29px;
  padding-left: 4px;
  color: #313131;
}

#education .block-hover .li-img {
  width: 67px;
  height: 45px;
  padding-top: 10px;
}

#retail-s .li-img {
  width: 57px;
  height: 48px;
  margin: 56px auto 0;
}

#retail-s .li-name {
  padding-left: 110px;
  color: #313131;
  font-size: 24px;
  line-height: 24px;
  font-family: '微软雅黑';
  letter-spacing: 8px;
  margin-top: 18px;
}

#retail-s .li-til {
  letter-spacing: 4px;
  font-family: '微软雅黑';
  padding-left: 100px;;
  line-height: 12px;
  margin-top: 25px;
  color: #313131;
  font-size: 12px;
}

#retail-s .li-more {
  letter-spacing: 2px;
  width: 86px;
  height: 29px;
  font-size: 12px;
  border: 2px solid #9C9C9C;
  margin: 34px auto 0;
  line-height: 29px;
  padding-left: 4px;
  color: #313131;
}

#retail-s .block-hover .li-img {
  width: 42px;
  height: 48px;
}

#iot .block-hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FF261B;
}

#iot .block-hover .li-more {
  border: 2px solid #FFA6A1;
  letter-spacing: 2px;
}

#education .block-hover {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: #FF261B;
}

#education .block-hover .li-more {
  border: 2px solid #FFA6A1;
  letter-spacing: 2px;
}

#retail-s .block-hover {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: #FF261B;
}

#retail-s .block-hover .li-more {
  border: 2px solid #FFA6A1;
  letter-spacing: 2px;
}

#more .block-hover {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: #FF261B;
}

#more .block-hover .li-more {
  border: 2px solid #FFA6A1;
  letter-spacing: 2px;
}

.retails {
  width: 1260px;
  height: 100%;
  margin: 20px auto 0;
  height: 478px;
  background: #F6F6F6;
  margin-top: 100%;
}

.retails .ret-left {
  height: 100%;
  float: left;
  padding-top: 120px;
}

.retails .ret-left span {
  display: block;
}

.retails .ret-left .ret-left-title {
  color: #313131;
  font-size: 42px;
  font-family: '微软雅黑';
  font-weight: bold;
  letter-spacing: 4px;
  line-height: 42px;
}

.retails .ret-left .ret-left-til {
  margin-top: 30px;
  font-family: '微软雅黑';
  color: #939393;
  letter-spacing: 2px;
  font-size: 18px;
  line-height: 18px;
}

.retails .ret-left .btn {
  padding: 0;
  width: 175px;
  height: 53px;
  background: #FF261B;
  margin-top: 97px;
  position: relative;
}

.retails .ret-left .btn:hover {
  opacity: .8;
}

.retails .ret-left .btn span {
  padding-left: 15px;
  margin-top: 17px;
  color: #fff;
  font-family: '微软雅黑';
}

.retails .ret-left .btn img {
  width: 15px;
  height: 19px;
  position: absolute;
  top: 17px;
  left: 37px;
}

.retails .ret-img {
  padding-left: 60px;
  height: 396px;
  margin-top: 5%;;
}

#xin .ret-img-xin {
  width: 580px;
  height: 396px;
  float: right;
  margin-top: 30px;
  background-image: url(../image/h3.png);
}

/* 流程 */
.projects {
  width: 100%;
  z-index: 10;
  overflow: hidden;
}

.projects span {
  display: inline-block;
}

.projects .pro-titles {
  font-size: 52px;
  color: #313131;
  text-align: center;
  line-height: 52px;
  margin-top: 33px;
  font-family: '微软雅黑';
  font-weight: bold;
}

.projects .pro-con {
  height: 164px;
  margin: 30px auto 0;
}

.projects .pro-con .pro-con-bor div {
  border-left: 2px solid #afb0b3;
  height: 100px;
}

.projects .circular {
  margin: 10px auto 0;
  height: 30px;
}

.projects .circular .col-xs-2 {
  height: 100%;
  position: relative;
}

.projects .process {
  height: 145px;
  margin: auto;
  position: relative;
  padding-top: 20px;
}

.projects .circular .col-xs-2 img {
  width: 35px;
  height: 35px;
  position: absolute;
}

.projects .process .col-xs-2 img {
  position: absolute;
}

.projects .process .col-xs-2 span {
  display: inline-block;
}

.projects .process .col-xs-2 .process-title {
  position: absolute;
  letter-spacing: 5px;
  font-size: 18px;
  color: #313131;
  font-family: '微软雅黑';
  left: -51px;
  top: 56px;
}

.projects .process .col-xs-2 .process-til {
  position: absolute;
  top: 87px;
  left: -51px;
  color: #939393;
  font-size: 12px;
  letter-spacing: 3px;
  line-height: 20px;
}

.core {
  background: #EEE;
  padding-bottom: .5rem;
}

/*padding-top: 147px;*/
.core .cre-title {
  margin: 0;
}

.core .cre-con {
  margin: 86px auto 0;
}

/* width: 1720px;*/
.news {
  height: 620px;
  background: #EEE;
}

.news ul {
  margin-top: 34px;
  overflow: hidden;
}

.news ul li {
  height: 100%;
  float: left;
  overflow: hidden;
}

.news ul li .image {
  background: papayawhip;
  position: relative;
}

.news ul li .image img {
  width: 100%;
  height: 100%;
}

.news ul li:last-child {
  margin-right: 0px;
}

.news ul li .news-title {
  margin-top: 16px;
  font-family: '微软雅黑';
  text-align: left;
  font-size: 14px;
  color: #313131;
}

.news ul li .news-til {
  margin-top: 17px;
  color: #313131;
  font-family: '微软雅黑';
  font-weight: bold;
  text-align: left;
  font-size: 18px;
  line-height: 30px;
}

.news ul li .introduce {
  text-align: left;
  line-height: 24px;
  font-family: '微软雅黑';
  font-size: 12px;
  margin-top: 13px;
  font-weight: lighter;
  color: #939393;
}

.cooperation {
  width: 100%;
  height: 590px;
  margin: auto;
  background: #EEE;
}

.cooperation ul li {
  float: left;
}

.cooperation ul .coop-left {
  height: 590px;
  position: relative;
  padding-top: 25px;
}

.cooperation ul .coop-left .win {
  background-image: url('../image/2003_03.png');
  background-repeat: no-repeat;
  background-size: 365px 267px;
  width: 100%;
  height: 590px;
  text-align: left;
  font-weight: none;
}

.cooperation ul .coop-left .win span {
  line-height: 62px;
  position: absolute;
  top: 110px;
  display: block;
  color: #313131;
  font-family: '微软雅黑';
  font-weight: bold;
  font-size: .31rem;
  z-index: 2;
}

.cooperation ul .coop-left .win span small {
  color: #FA3020;
}

.cooperation ul .coop-left .win .win-til {
  position: absolute;
  top: 175px;
  left: 10px;
  font-size: .12rem;
  font-weight: lighter;
  font-family: '微软雅黑';
  color: #353535;
}

.cooperation ul .coop-left .win .win-img img {
  width: 13px;
  height: 89px;
  position: absolute;
  top: 290px;
  left: 10px;
}

.cooperation ul .coop-left .win .win-future {
  font-family: '微软雅黑';
  position: absolute;
  top: 400px;
  left: 5px;
  font-weight: lighter;
  font-size: 24px;
  color: #313131;
}

.cooperation ul .coop-conter {
  height: 100%;
  padding-top: 60px;
}

.cooperation ul .coop-right {
  height: 100%;
}

/* 案例中心轮播 */
/* #slidershow>.carousel-inner{width:1260px !important;} */
/* .cre-con .carousel-inner .item{width: 1260px;} */
.carousel-inner .item img {
  width: 100%;
  height: 100%;
}

#slidershow > .carousel-indicators {
  bottom: -75px;
}

.cre-con .carousel-indicators li {
  width: 19px;
  height: 4px;
  border-radius: 0px;
  background: #B1B1B1;
  border: none;
  margin-left: 10px;
  margin-right: 10px;
}

.cre-con .carousel-indicators .active {
  background: #FF261B;
}

.cre-con .carousel-inner .item .logo {
  width: 100%;
  height: 168px;
}

.cre-con .carousel-inner .item .logo span {
  display: block;
  font-family: '微软雅黑';
}

.cre-con .carousel-inner .item .logo span .name {
  font-size: 32px;
  line-height: 32px;
  font-family: '微软雅黑';
}

.cre-con .carousel-inner .item .logo span p {
  width: 62px;
  height: 28px;
  font-family: '微软雅黑';
  background: #C0C0C0;
  color: #fff;
  float: left;
  margin-right: 22px;
  text-align: center;
  line-height: 28px;
  margin-top: 11px;
  font-size: 12px;
  font-weight: lighter;
  letter-spacing: 2px;
  border-radius: 3px;
}

.cre-con .carousel-inner .item .logo span .describe {
  font-size: 14px;
  font-family: '微软雅黑';
  width: 100%;
  color: #939393;
  font-weight: lighter;
  padding-top: 9px;
}

/* 左右按钮 */
.cre-con .carousel-control {
  opacity: 1;
}

.cre-con .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
  width: 110px;
  height: 103px;
  background: #FF261B;
}

.cre-con .carousel-control .glyphicon-chevron-left:hover, .carousel-control .glyphicon-chevron-right:hover {
  background: #FC3B31;
}

/* .cre-con .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{ left: 135px; } */
.cre-con .glyphicon img {
  width: 22px;
  height: 35px;
  margin-top: 34px;
}

.glyphicon-chevron-left:before, .glyphicon-chevron-right:before {
  content: none;
}

.kailong {
  width: 0;
  height: 0;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-bottom: 28px solid #EEE;
  position: absolute;
  bottom: 0px;
  left: 136px;
}

#iots {
  display: block;
}

#educations, #retail-scon {
  display: none;
}

.parent ul li {
  float: left;
  padding-top: 5px;
  padding-left: 62px;
  position: relative;
}

.parent ul li .hover-title {
  font-family: '微软雅黑';
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
}

.parent ul li .hover-til {
  font-family: '微软雅黑';
  font-size: 12px;
  line-height: 12px;
  margin-top: 30px;
  letter-spacing: 3px;
  color: #313131;
}

.parent ul li .hover-til:hover {
  color: #FF261B;
  cursor: pointer;
}

.parent ul li .hover-con {
  font-family: '微软雅黑';
  font-size: 10px;
  line-height: 10px;
  margin-top: 12px;
  letter-spacing: 1px;
  color: #939393;
}

/* 案例中心logo图片 */
.logo-img {
  overflow: hidden;
}

.logo-img:hover img {
  transition: 1s ease-in-out;
  transform: scale(1.1)
}

/* 案例中心字体 */
.cre-con .carousel-til p:hover {
  color: #FF261B !important;
  background: #fff !important;
  transition: 1s ease-in-out;
}

/* 案例轮播图片 */
/* .carousel-inner .item{ height: 4.42rem; width: 100%;} */
.carousel-img a img {
  height: 3.54rem;
}

.cre-con .carousel-img {
  overflow: hidden;
}

.cre-con .carousel-img:hover img {
  transition: 1s ease-in-out;
  transform: scale(1.1)
}

/* 字体变化 */
.news ul li .news-title:hover {
  color: #939393;
  transition: .5s ease-in-out;
}

.news ul li .news-til:hover {
  color: #545454;
  transition: .5s ease-in-out;
}

.win-title:before {
  content: attr(title); /*必要*/
  width: 0%; /*必要*/
  position: absolute; /*必要*/
  z-index: 2; /*必要*/
  color: #FF261B;
  white-space: nowrap;
  overflow: hidden; /*必要*/
  transition: 3s; /*必要*/
}

.win-title:hover:before {
  width: 100%;
}

.win-til:before {
  content: attr(title); /*必要*/
  width: 0%; /*必要*/
  position: absolute; /*必要*/
  z-index: 2; /*必要*/
  color: #FF261B;
  white-space: nowrap;
  overflow: hidden; /*必要*/
  transition: 3s; /*必要*/
}

.win-til:hover:before {
  width: 100%;
}

/* 新闻 */
.image {
  height: .9rem;
}

.image:hover .news-list-block {
  opacity: 1;
  transition: 1s ease-in-out;
}

.news-list-block {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  opacity: 0;
  background: rgba(0, 0, 0, .4);
}

.news-list-block .h {
  width: 19px;
  height: 3px;
  margin: 28% auto 0;
  background: #fff;
  line-height: 3px;
}

.new-year {
  margin-top: 4px;;
  font-size: 20px;
  color: #fff;
  font-family: '微软雅黑';
  font-weight: bold;
  text-align: center;
  letter-spacing: 1px;
  line-height: 20 p;
}

.new-date {
  font-size: 12px;
  color: #fff;
  letter-spacing: 3px;
  text-align: center;
  font-family: '微软雅黑';
}

/* 定制服务淡入 */

/* 流程发光 */
.box {
  width: 2.8rem;
  padding: 10px;
  margin: 10px 20px;
  margin-left: 35%;
}

.ellipse {
  border-radius: 50%;
  background: rgba(244, 244, 244, .5);
  height: 4rem;
  margin-top: -3.5rem;
  box-shadow: 0 0 120px #F4F4F4;
}

/* 新闻中心 */
.news-left-a, .news-left-b, .news-left-c, .news-left-d {
  margin-left: -200%;
}

/* 流程 */
#projects-x {
  height: 600px;
  margin-left: 2000px;
}

@media screen and (min-width: 1500px) and (max-width: 1600px) {
  #slidershow {
    height: 3.7rem !important;
  }
}

/* 案例中心logo图 */