.section {
  position: relative;
}

span {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#fullpage{
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.section{
  padding-top: 51px;
}
.myTab a{
  cursor: pointer;
}
.swiper-pagination{
  left: 50px;
  top: 50%;
  width: 20px;
  height: 300px;
  margin-top: -150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.swiper-pagination span{
  margin-top:5px;
  margin-bottom: 5px;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.swiper-pagination-bullet{
  width: 15px!important;
  height: 15px!important;
  background: #EBEBEB!important;
  opacity: 1!important;
}
.swiper-pagination-bullet-active{
  background: #cf282a!important;
}
.swiper-wrapper,.swiper-container,.section{
  height: 100%;
}
/*第一屏 首页 a*/
.container-fiuid {
  position: relative;
}

.one-titles {
  background-color: rgba(2, 255, 255, 0.0);
  position: absolute;
  margin-top:-0.5rem;
  width: 50%;
  left: 25%;
}

.one-titles h3 {
  font-size: 0.5rem;
  font-weight: 600;
  letter-spacing: 0.06rem;
  margin-bottom: 0.4rem;
}
.en .one-titles h3{
  letter-spacing: inherit;
}


.one-titles a {
  display: inline-block;
  font-size: 0.2rem;
  color: #fff;
  font-weight: 600;
  line-height: 1;
  height: 0.3rem;
}
.en .one-titles a{
  margin-bottom: 10px;
}
.one-titles a:hover {
  color: #fff;
  text-decoration: none;
}

.one-titles span {
  display: inline-block;
  line-height: 0.3rem;
  padding-left: 0.4rem;
  margin-right: 0.3rem;
}

.one-titles .food-icon {
  background: url("../images/tb01-1.png") no-repeat left center;
  background-size: auto 100%;
}

.one-titles .big-data-icon {
  background: url("../images/tb02-1.png") no-repeat left center;
  background-size: auto 100%;
}

.one-titles .ask-icon {
  background: url("../images/tb03-1.png") no-repeat left center;
  background-size: auto 100%;
}

.one-titles .electronics-icon {
  background: url("../images/tb05-1.png") no-repeat left center;
  background-size: auto 100%;
}
.one-titles .electronics-icon-2 {
  background: url("../images/tb04-1.png") no-repeat left center;
  background-size: auto 100%;
}

.img1 {
  display: none;
}

.marb{
  margin-bottom: 80px;
}

.banner-Button {
  width: 5rem;
  position: absolute;
  bottom: 9%;
  left: 45%;
  z-index: 999;
}

.banner-Button li {
  width: 0.8rem;
  height: 0.08rem;
  background: #fcd2d2;
  float: left;
  margin-left: 20px;
  cursor: pointer;
}

.banner-Button li.active {
  background: #ca171d;

}

.btn-1 {
  position: absolute;
  top: 63%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

/*.slide-02 {*/
/*background: url("../images/ban001.png") no-repeat;*/

/*}*/
.first .slide-02 {
  position: relative;
}

.first .slide-02 .core {
  position: absolute;
  top: 100px;
  left: 43%;
  width: 15%;
  height: 60px;
  background-color: pink;
}

.first .slide-02 .sole {
  position: absolute;
  top: 19%;
  left: 43%;
  width: 15%;
  height: 30px;
  background-color: pink;
}

.first .slide-02 .bit {
  display: inline-block;
  position: absolute;
  top: 71%;
  left: 45%;
  width: 10%;
  height: 30px;
  background-color: pink;
}

/*第二屏*/
/*�ڶ���*/
.second .box2 {
  width: 100%;
  height: 100%;
  background: url(../images/bg2_02.jpg) no-repeat;
  padding-top: 1rem;
}

#bs-example-navbar-collapse-1 {
  background: #FFFFFF;
}

.second .box2 .solution {
  width: 70%;
  margin: 0 auto;
  text-align: center;
  font-family: "microsoft yahei", simhei;
}

.second .box2 .solution div:nth-child(1) {
  color: #ca171d;
  font-weight: 900;
  width: 100%;
  font-size: 0.5rem;
  line-height: 0.8rem;
  transform: translate(0, -162px);
  opacity: 0;
  text-shadow: 2px 2px 2px #333;
}

.second .box2 .solution div:nth-child(2) {
  color: #333;
  font-size: 0.5rem;
  line-height: 1rem;
  transform: translate(0, -162px);
  opacity: 0;
  text-shadow: 2px 2px 2px #333;
}

.second .box2 .solution div:nth-child(3) {
  color: #999999;
  font-size: 0.24rem;
  line-height: 2;
  transform: translate(0, -162px);
  opacity: 0;
}
.en .second .box2 .solution div:nth-child(3){
  line-height: 1.4;
}
.en .second .box2 .detail ul li .p1{
  font-size: 0.22rem;
  line-height: 1.2;
}
.second .box2 .detail {
  /* width: 80%;*/
  margin: 5em auto 0;
  text-align: center;
  font-family: "microsoft yahei", simhei;
}

.second .box2 .detail ul li {
  float: left;
  /* width: 24%;*/
  /* padding: 0 0.15rem;*/
  text-align: center;
  margin-top: 40px;

  /* 	box-shadow: 10px 10px 30px #888;*/
}

.box2 .detail .wcdc-imgs {
  width: 1.83rem;
  height: 1.83rem;
  transform: scale(0.5);
  opacity: 0;
  text-align: center;
  margin: auto;
}

.wcdc-imgs a {
  display: block;
  width: 100%;
  height: 100%;
}

.second.current .box2 .detail .wcdc-imgs {
  transform: rotate(0deg) scale(1);
  opacity: 1;
  transition: all 1s ease-in-out 20ms;
}

.second.current .box2 .detail .wcdc-imgs {
  transition: all 0.5s linear 20ms;
}

.second.current .box2 .detail .wcdc-imgs:hover {
  transform: rotateY(180deg);
  opacity: 0.8;
}

.second.current .box2 .detail .wcdc-imgs:hover {
  transform: rotateY(180deg);
  opacity: 0.8;
}

.second .box2 .detail ul li .p1 {
  /* transform: translate(0, 0.78rem);*/
  opacity: 0;
  font-size: 0.3rem;
  color: #333;
  /*font-weight:600;*/
  margin-top: 0.2rem;
  box-shadow: #333;
}


.second .box2 .detail ul li p a {
  transform: translate(0, 78px);
  text-decoration: none;
  display: inline-block;
  font-size: 0.18rem;
  color: #FFF;
  opacity: 0;
  background-color: #CE4044;
  padding: 0.05rem 0.15rem;
  margin-top: 0.4rem;
  border-radius: 0.03rem;
}

.second.current .box2 .solution div {
  transform: translate(0, 0) rotate(0deg);
  opacity: 1;
  transition: all 1s ease-in-out 0.4s;
}

.second.current .box2 .detail ul li p {
  transform: translate(0, 0) rotate(0deg);
  opacity: 1;
  transition: all 1s ease-in-out 0.6s;
}

.second.current .box2 .detail ul li p a {
  opacity: 1;
  transform: translate(0, 0) rotate(0deg);
  transition: all 1s ease-in-out 0.6s;
}

.wcdc-img {
  width: 1.83rem;
  height: 1.83rem;
  background: url(../images/tb01.png)no-repeat center;
  background-size: 99% 99%;
  margin: auto;
  position: relative;
  z-index: 1;
}

.wcdc-img2 {
  width: 1.83rem;
  height: 1.83rem;
  background: url(../images/tb02.png)no-repeat center;
  background-size: 99% 99%;
  margin: auto;
  position: relative;
  z-index: 1;
}

.wcdc-img3 {
  width: 1.83rem;
  height: 1.83rem;
  background: url(../images/tb03.png)no-repeat center;
  background-size: 99% 99%;
  margin: auto;
  position: relative;
  z-index: 1;
}

.wcdc-img4 {
  width: 1.83rem;
  height: 1.83rem;
  background: url(../images/tb04.png)no-repeat center;
  background-size: 99% 99%;
  margin: auto;
  position: relative;
  z-index: 1;
}

.wcdc-img5 {
  width: 1.83rem;
  height: 1.83rem;
  background: url(../images/tb05.png)no-repeat center;
  background-size: 99% 99%;
  margin: auto;
  position: relative;
  z-index: 1;
}

/*第三屏开始-02*/
.third .box3-1 {
  position: relative;
  width: 100%;
  height: 100%;
  background: url(../images/bg3_17.png) no-repeat;
  background-size: 100% 100%;
}

#myTab {
  position: absolute;
  top: 20%;
  left: 10%;
  border-bottom: 0px solid #ddd;
}

.nav-tabs.my-nav>li {
  overflow: auto;
}

.nav-tabs.my-nav>li>a {
  padding: 10px 30px;
  font-size: 24px;
  line-height: 24px;
  border: none;
  background-color: rgba(202, 23, 29, 0.6);
  color: #fff;
  border-radius: 0;
  cursor: pointer;
}

.nav-tabs.my-nav>li:hover a {
  background-color: #ca171d;
}

.nav-tabs.my-nav>li.active>a,
.nav-tabs.my-nav>li.active>a:focus,
.nav-tabs.my-nav>li.active>a:hover {
  padding: 10px 30px;
  font-size: 24px;
  line-height: 24px;
  border: none;
  color: #fff;
  background-color: #ca171d;
}

#myTabContent {
  position: absolute;
  top: 20%;
  left: 24%;
  overflow: hidden;
  min-height: 4.2rem;
  width: 12rem;
}

.news-box {
  width: 100%;
  height: 1rem;
}

.box {
  float: left;
  width: 100%;
}

.clear {
  clear: both
}

.news-box .news01 {
  padding-right: 0;
  padding-left: 0;
  height: 4.2rem;
}

.news01 .box-top {
  height: 1.6rem;
}

.news01 .box-bottom {
  margin-top: 0.1rem;
  height: 2.5rem;
}

.he_border1 {
  background: #fe7253;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  position: relative;
  box-sizing: border-box;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden
}

.he_border1 .he_border1_img {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  position: relative;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  opacity: 1;
  overflow: hidden
}

.he_border1:hover .he_border1_img {

  position: absolute;
  /*缩放 宽高变1.1倍*/
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  opacity: .6
}

.he_border1 .he_border1_caption {
  color: #fff;
  padding: 0;
  margin: 0;
  /*背面不可见*/
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden
}

.he_border1 .he_border1_caption::before,
.he_border1 .he_border1_caption::after {
  position: absolute;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.4s, -webkit-transform .4s;
  -moz-transition: opacity 0.4s, -moz-transform .4s;
  -o-transition: opacity 0.4s, -o-transform .4s;
  transition: opacity 0.4s, transform .4s
}

.he_border1 .he_border1_caption::before {
  top: 8%;
  right: 10%;
  bottom: 8%;
  left: 10%;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  /*缩放 元素 宽0 高100%*/
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
}

.he_border1 .he_border1_caption::after {
  top: 8%;
  right: 10%;
  bottom: 8%;
  left: 10%;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: scale(1, 0);
  -moz-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -o-transform-origin: 100% 0;
  transform-origin: 100% 0
}

.he_border1:hover .he_border1_caption::before,
.he_border1:hover .he_border1_caption::after {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}

.he_border1 .he_border1_caption,
.he_border1 .he_border1_caption>a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
  z-index: 1000
}

.he_border1 .he_border1_caption_h {
  font-size: 1.3em;
  font-weight: 700;
  text-align: center;
  width: 80%;
  position: absolute;
  top: 20%;
  left: 10%;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  overflow: hidden;
  opacity: 1
}

.he_border1 .he_border1_caption_p {
  font-size: 1em;
  text-align: center;
  width: 80%;
  position: absolute;
  top: 60%;
  left: 10%;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
  opacity: 0
}

/*-------------------- 左2------------------------*/
.box-left {
  width: 50%;
  height: 100%;
}

.he_3DFlipY {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 0;
  border: 0;
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-perspective: 17rem;
  -moz-perspective: 17rem;
  perspective: 17rem;
  -webkit-perspective-origin: 50% 50%;
  -moz-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%
}

.he_3DFlipY_inner {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  position: relative;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  overflow: hidden;
}

.he_3DFlipY_inner>div.he_3DFlipY_img {
  display: block;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out
}

.he_3DFlipY_inner:hover>div.he_3DFlipY_img {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  transform: rotateY(180deg)
}

.he_3DFlipY_inner>div img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  display: block;
  position: relative
}

.he_3DFlipY_caption {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  background: #fe7253;
  color: #fff;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  background-color: #fe7253;
  text-align: center;
  backface-visibility: hidden;
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out
}

.he_3DFlipY_inner:hover .he_3DFlipY_caption {
  opacity: 1;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  transform: rotateY(0deg)
}

.he_3DFlipY_caption h3 {
  font-size: 1.3em;
  font-weight: 700;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 25%;
  left: 0.05rem;
  margin: 0;
  padding: 0;
  color: #fff
}

.he_3DFlipY_caption p {
  font-size: 1em;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 45%;
  left: 0.05rem;
  margin: 0;
  padding: 0;
  color: #fff
}

.he_3DFlipY a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0
}

/*---------左----------*/
.box-right {
  float: left;
  width: 50%;
  height: 100%;
  overflow: hidden;
}

.he_slideCaptionDown {
  height: 1.2rem;
  background: #fe7253;
  padding: 0;
  margin: 0px 0 0.1rem 0.1rem;
  position: relative;
  cursor: pointer;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden
}

.he_slideCaptionDown .he_slideCaptionDown_img {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  opacity: 1;
  overflow: hidden
}

.he_slideCaptionDown .he_slideCaptionDown_caption {
  color: #fff;
  background: rgba(254, 114, 83, 0);
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -o-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden
}

.he_slideCaptionDown:hover .he_slideCaptionDown_caption {
  background: rgba(254, 114, 83, .8);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.he_slideCaptionDown .he_slideCaptionDown_caption,
.he_slideCaptionDown .he_slideCaptionDown_caption>a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden
}

.he_slideCaptionDown .he_slideCaptionDown_caption_h {
  font-size: 1.3em;
  font-weight: 700;
  text-align: center;
  width: 80%;
  position: absolute;
  top: -50%;
  left: 10%;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  overflow: hidden;
  opacity: 0
}

.he_slideCaptionDown:hover .he_slideCaptionDown_caption_h {
  color: #fff;
  top: 25%;
  opacity: 1
}

.he_slideCaptionDown .he_slideCaptionDown_caption_p {
  font-size: 1em;
  text-align: center;
  width: 80%;
  position: absolute;
  top: -50%;
  left: 10%;
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
  overflow: hidden;
  opacity: 0
}

.he_slideCaptionDown:hover .he_slideCaptionDown_caption_p {
  color: #fff;
  top: 65%;
  opacity: 1
}

.he_slideAllDown {
  height: 1.2rem;
  background: #fe7253;
  padding: 0;
  margin: 0 0 0 0.1rem;
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden
}

.he_slideAllDown .he_slideAllDown_img {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  opacity: .9;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden
}

.he_slideAllDown:hover .he_slideAllDown_img {
  opacity: 1;
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0)
}

.he_slideAllDown .he_slideAllDown_caption {
  color: #fff;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden
}

.he_slideAllDown .he_slideAllDown_caption,
.he_slideAllDown .he_slideAllDown_caption>a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden
}

.he_slideAllDown .he_slideAllDown_caption_h {
  font-size: 1.3em;
  font-weight: 700;
  text-align: center;
  width: 80%;
  position: absolute;
  top: -50%;
  left: 10%;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  overflow: hidden;
  opacity: 0
}

.he_slideAllDown:hover .he_slideAllDown_caption_h {
  color: #fff;
  top: 25%;
  opacity: 1
}

.he_slideAllDown .he_slideAllDown_caption_p {
  font-size: 1em;
  text-align: center;
  width: 80%;
  position: absolute;
  top: -50%;
  left: 10%;
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
  overflow: hidden;
  opacity: 0
}

.he_slideAllDown:hover .he_slideAllDown_caption_p {
  color: #fff;
  top: 65%;
  opacity: 1
}

/*======================*/
.news-box .news02 {
  height: 4.2rem;
}

.carousel {
  padding: 0px;
  height: 4.2rem;
  -webkit-perspective: 5rem;
  perspective: 5rem;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.carousel>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.carousel figure {
  margin: 0;
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.carousel figure img {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0 0px;
}

.carousel figure img:not(:first-of-type) {
  position: absolute;
  left: 0;
  top: 0;
}

.carousel nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0.2rem 0 0;
}

.carousel nav button {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 0 0.05rem;
  cursor: pointer;
  color: #333;
  background: none;
  border: 1px solid;
  letter-spacing: 1px;
  padding: 0.05rem 0.1rem;
}


.news-box .news03 {
  padding-right: 0;
  padding-left: 0;
}

.news03 .box-top {
  height: 2.60rem;
  background-color: darkseagreen;
}

.news03 .box-bottom {
  margin-top: 0.1rem;
  height: 1.4rem;
  background-color: #4cae4c;
}

.he_3DFlipX {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 0;
  margin: 0;
  border: 0;
  position: relative;
  box-sizing: border-box;
  -webkit-perspective: 17rem;
  -moz-perspective: 17rem;
  perspective: 17rem;
  -webkit-perspective-origin: 50% 50%;
  -moz-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%
}

.he_3DFlipX_inner {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  position: relative;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.he_3DFlipX_inner div.he_3DFlipX_img {
  width: 100%;
  backface-visibility: hidden;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out
}

.he_3DFlipX_inner:hover>div.he_3DFlipX_img {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  transform: rotateX(180deg)
}

.he_3DFlipX_inner>div img {
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0;
  display: block;
  position: relative
}

.he_3DFlipX_caption {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  background: #fe7253;
  color: #fff;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  background-color: #fe7253;
  text-align: center;
  backface-visibility: hidden;
  -webkit-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out
}

.he_3DFlipX_inner:hover .he_3DFlipX_caption {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg)
}

.he_3DFlipX_caption h3 {
  font-size: 1.3em;
  font-weight: 700;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 25%;
  left: 0.05rem;
  margin: 0;
  padding: 0;
  color: #fff
}

.he_3DFlipX_caption p {
  font-size: 1em;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 45%;
  left: 5px;
  margin: 0;
  padding: 0;
  color: #fff
}

.he_3DFlipX a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0
}

/*--tab  发展历史--*/
#history {
  background-color: rgba(255, 255, 255, 0.6);
  padding: 0.3rem 0 0.2rem 0;
}

.history-box {
  margin-left: 10%;
}

.history-box h3 {
  font-size: 0.32rem;
  /*font-weight: 600;*/
  margin-top: 0;
  margin-bottom: 0.4rem;
  margin-left: -0.2rem;
}

.history-box li p {
  position: relative;
  font-size: 0.18rem;
}

.history-box li span {
  font-size: 0.24rem;
}

.dot {
  position: absolute;
  top: 36%;
  left: -0.2rem;
  width: 0.12rem;
  height: 0.12rem;
  border-radius: 50%;
  background-color: #ca171d;
  opacity: 0.8;
}

.he_border1:hover .he_border1_caption_p {
  top: 45%;
  opacity: 1
}

.c-footer {
  position: absolute;
  bottom: 0;
  height: 0.9rem;
  line-height: 0.9rem;
  width: 100%;
  text-align: center;
  background-color: rgba(66, 66, 66, 0.3);
}

.c-footer a {
  display: inline;
}

.c-footer a:hover,
.c-footer a:focus {
  text-decoration: none;
  color: #000;
}

.c-footer span {
  line-height: 0.8rem;
}

.c-footer .text-red {
  line-height: 0.8rem;
  font-size: 0.3rem;
  font-weight: 600;
}
.c-footer .text-red {
  line-height: 0.8rem;
  font-size: 0.3rem;
  font-weight: 600;
}
.text-white{
  color: #fff;
}
.text-red {
  color: #ca171d;
}

/*第四屏开始*/
/*������*/
svg {
  width: 100%;
  height: 100%;
}

svg g {
  mix-blend-mode: lighten;
}

svg polygon {
  stroke: none;
  fill: white;
}

.fourth .box4 {
  width: 100%;
  height: 100%;
  padding-top: 0.01rem;
  font-family: "microsoft yahei", simhei;
}

.fourth .box4 .design {
  padding-top: 1rem;
  text-align: center;
}

.fourth .box4 .design p:nth-child(1) {
  color: #ca171d;
  font-weight: 900;
  width: 100%;
  font-size: 0.5rem;
  line-height: 0.48rem;
  transform: translate(0, -162px);
  opacity: 0;
  text-shadow: 2px 2px 2px #000;
}

.fourth .box4 .design p:nth-child(2) {
  transform: translate(0, 78px);
  opacity: 0;
  font-size: 0.5rem;
  line-height: 0.1rem;
  color: #333;
  text-shadow: 2px 2px 2px #333;
  padding-top: 0.5rem;
}

.fourth .box4 .categray {
  margin: 0 auto;
  padding-top: 40px;
}

.fourth .box4 .categray ul li {
  list-style: none;
  float: left;
  text-align: center;
  margin-top: 40px;
}

.fourth .box4 .categray ul li img {
  transform: scale(0.5);
  width: 100%;
}

.case-img {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.case-img>a {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.case-alpha {
  display: block;
  width: 100%;
  height: 100%;
  /* background: url(../images/da_03.png) center no-repeat; */
  /* background-size: 100px 100px; */
  position: absolute;
  top: -101%;
  left: 0;
  transition: all .3s;
  z-index: 10;
}

.case-img img {
  display: block;
  width: 100%;
  height: auto;
}

.case-text {
  transform: translate(0px, 100px);
  opacity: 0;
  position: relative;
  overflow: hidden;
  background: #f7f9fb;
  padding: 5px;
  border-bottom: 3px solid #C92127;
}

.case-text .show-text{
  transform: translate(0px, 100px);
  opacity: 0;
  display: flex;
  flex-direction: row;  /* 子元素横向排列 */
  justify-content: center; /* 相对父元素水平居中 */
  align-items: center;
  position: relative;
  z-index: 2;
  font-size: 18px;
  color: #555;
  height: 1.0rem;
  cursor: pointer;
}
.case-text .show-text span{
  display: inline-block;
  max-width: 70%;
  line-height: 1.1;
}
.en .case-text .show-text span{
  max-width: 100%;
}
.fourth.current .box4 .categray ul li .show-text {
  opacity: 1;
  transform: translate(0, 0) rotate(0deg);
  transition: all .5s ease-in-out;
}
.case-text-alpha {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 100%;
  background: #C92127;
  ;
  z-index: 1;
  transition: .3s all;
}

.case-wrap:hover .case-alpha {
  top: 0;
}

.case-wrap:hover .case-text span {
  color: #fff;
  font-weight: 600;
}

.case-wrap:hover .case-text-alpha {
  top: 0;
}

#demo {
  opacity: 0;
}

.fourth.current #demo {
  opacity: 1;
  transition: all 1s;
}

.fourth.current .case-text {
  opacity: 1;
  transform: translate(0, 0) rotate(0deg);
  transition: all 0.5s ease-in-out 0.6s;
}

.fourth.current .box4 .design p {
  opacity: 1;
  transform: translate(0, 0) rotate(0deg);
  transition: all 1s ease-in-out 0.6s;
}

.fourth.current .box4 .categray ul li:nth-child(1) img {
  transform: rotate(0deg) scale(1);
  transition: all 1s ease-in-out 0.6s;
}

.fourth.current .box4 .categray ul li:nth-child(2) img {
  transform: rotate(0deg) scale(1);
  transition: all 1s ease-in-out 0.6s;
}

.fourth.current .box4 .categray ul li:nth-child(3) img {
  transform: rotate(0deg) scale(1);
  transition: all 1s ease-in-out 0.6s;
}

.fourth.current .box4 .categray ul li:nth-child(4) img {
  transform: rotate(0deg) scale(1);
  transition: all 1s ease-in-out 0.6s;
}


/*第五屏 底部*/
/*������*/
.fifth .box5 {
  position: relative;
  width: 100%;
  height: 100%;
  background: url(../images/bg5_26.png) no-repeat;
  background-size: 100% 100%;
  font-family: "microsoft yahei", simhei;
  position: relative;
}

.Company {
  width: 10.76rem;
  height: 3.11rem;
  margin: 0 auto;
  position: absolute;
  top: 28%;
  left: 20%;
  /*border-bottom:3px solid #cccccc ;*/
  transform: scale(0.5);
  margin-top: 0.5rem;
}
.en .Company{
  height: 3.8rem;
}
.en .Company .in-left{
  margin-bottom: 0.2rem;
}
.current .Company {
  transform: scale(1);
  transition: all 1s;
}

.information {
  opacity: 0;
  transform: scale(0.5);
}

.current .information {
  opacity: 1;
  transform: scale(1);
  transition: all 2s 1s ease-out;
}

.current .code {
  width: 2.22rem;
  height: 2.22rem;
  float: left;
  transform: rotate(0deg) scale(1);
  transition: all 1.5s ease-in-out;
}

.code {
  transform: rotate(0deg) scale(0);
}

.code img {
  width: 2.22rem;
  height: 2.22rem;
}

.current .information {
  width: 100%;
  height: 2.42rem;
  float: right;
}

.linellae {
  width: 100%;
  height: 3px;
  background: #C0C0C0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -100%;
  opacity: 0;
  transform: scale(0);
  overflow: hidden;
}

.current .linellae {
  bottom: 0;
  opacity: 1;
  transform: scale(1);
  transition: all 1.5s ease-in-out;
}

.information .ipnoe {
  color: #ca171d;
  font-family: "sf collegiate solid";
  font-size: 0.5rem;
  font-weight: 900;
}

.information .address,
.fax,
.mailboxm,
.record,
.copyright,
.abcde {
  font-size: 0.22rem;
  line-height: 1.5;
}

.in-left {
  float: left;
}

.in-left p {
  font-size: 0.22rem;
  line-height: 1.5;
}

.in-right {
  float: right;
  margin-right: 100px;
}

.bottom-icon {
  height: 1.5rem;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 8%;
  margin: auto;
  text-align: center;
  color: #ca171d;
}

.bottom-icon-1 {
  font-size: 0.4rem;
  color: #ca171d;
  font-weight: 600;
  padding-top: 0.3rem;
}

.bottom-icon-2 {
  font-size: 0.18rem;
  color: #ca171d;
}



/* 第二页 */
.block-ceill {
  padding-top: 51px;
}

.banner {
  height: 400px;
  background: url(../images/newbanner_02.gif)no-repeat center;
}

.top-floor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 450px;
  background-color: rgba(255, 255, 255, .3);
  color: #666666;
}



.title-word span:first-child {
  font: 22px 微软雅黑;
  color: #CA171D;
  font-weight: 600;
}

.top-floor .title-word span:last-child {
  font: 16px 微软雅黑;
  line-height: 50px;
  color: #333333;
  font-weight: 600;
}

.jour {
  height: 45px;
  border-bottom: 1px solid #ccc;
  text-align: center;
}

.jour p {
  width: auto;
  display: inline-block;
  height: 45px;
  padding:0 10px;
  font-size: 20px;
  color: #c92127;
  margin: auto;
  line-height: 45px;
  border-bottom: 1px solid #C92127;
  text-align: center;
  font-family: "微软雅黑";
}

.active {
  color: #C92027 !important;
  border-bottom: 1px solid #C92027 !important;
}

.container .navsss:hover {
  color: #C92027 !important;
  border-bottom: 1px solid #C92027 !important;
}

* {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

.banner {
  width: 100%;
  height: 400px;
  background: url(../images/serve_banner_02.png) no-repeat center;
}

.top-floor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 450px;
  background-color: rgba(255, 255, 255, .3);
  color: #666666;
}



.title-word span:first-child {
  font: 22px 微软雅黑;
  color: #CA171D;
  font-weight: 600;
}

.top-floor .title-word span:last-child {
  font: 16px 微软雅黑;
  line-height: 50px;
  color: #333333;
  font-weight: 600;
}


/* banner结束 */


/* 导航开始 */

.container-fiuid .container div li {
  width: 115px;
  height: 44px;
  float: left;
  border-bottom: 1px solid transparent;
  cursor: pointer;
  text-align: center;
  line-height: 44px;
  font-family: 微软雅黑;
  font-size: 14px;
  color: #666666;
}

.container-fiuid .container div li:hover {
  color: #c92127;
  border-bottom: 1px solid #c92127;
}


/* 导航结束 */


/* 食品安全 */

.container-fluid .container .row div p:nth-child(2) {
  margin-top: 50px;
  text-align: center;
  font-size: 16px;
  font-family: "微软雅黑";

}

.container-fluid .container .row div p:nth-child(3) {
  text-indent: 2em;
  font-size: 12px;
  font-family: "微软雅黑";
  color: #666666;
}


/* 食品安全结束 */


/* 重要产品追溯开始 */
.container-fluid {
  /*color: #666666;*/
}

.cont-word p {
  /* text-indent: 2em; */
  line-height: 1.8em;
  color: #666;
}

.container-fluid .cont-word a {
  color: #000;
}

.container-fluid .cont-word a:hover {
  text-decoration: none;
}

.container-fluid .cont-word h4 {
  padding: 40px 0 15px 15px;
  font-size: 18px;
  font-weight: 600;
}

.container-fluid .cont-word p {
  color: #666;
}

.container-fluid .cont-word p:nth-child(2) {
  margin: 0 0 15px 20px;
}

.container-fluid .cont-word p:nth-child(3) {
  margin: 0 0 25px 20px;
  font-family: "微软雅黑";
  font-size: 12px;
}

.cont-word .serve-title {
  color: #c92127;
  font-size: 16px;
  font-family: '微软雅黑';
}

.container-fluid .container div .img {
  margin-bottom: 30px;
}

/*.container-fluid .container div span {
        color: #C92027;
        font-size: 14px;
        font-family: "微软雅黑";
        
        
    }*/
.container-fluid .container div {
  font-family: "微软雅黑";
  font-size: 12px;

}

.container-fluid .container div .iocn-title {
  margin: 20px 0 15px 0;
  color: #89815d;
  font-size: 16px;
  font-family: "微软雅黑";
}


/* 重要产品追溯结束 */


/* 食药追溯开始 */

.container-fluid .container div .title-number {
  width: 69px;
  height: 69px;
  background: #a9a9a9;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  line-height: 69px;
  font-size: 58px;
  float: left;
}

.container-fluid .container div .content-title {
  margin: 0 80px 8px 0;
  color: #c92127;
  font-size: 14px;
  font-family: "微软雅黑";
}

.container-fluid .container div .img-style {
  margin-top: -5px;
  float: right;
}

.container-fluid .container div .content-info {
  margin: 10px 0 0 85px;
  text-indent: 2em;
  font-size: 12px;
  font-family: "微软雅黑";
  color: #666;
}

.iocn-title img {
  float: left;
  padding-top: 6px;

}

.p-z {
  width: 300px;
  margin: auto;
  line-height: 1.8em;
}
.en .p-z{
  width: 80%;
}
.tab {
  display: none;
  margin: auto;
}

.tab img {
  margin: 0 auto;
  text-align: center;
}

.active {
  color: #C92027 !important;
  border-bottom: 1px solid #C92027 !important;
}

.serve-icon1 {
  cursor: pointer;
  height: 130px;
  background: url(../images/01-1.png)no-repeat center;

}

.serve-icon2 {
  cursor: pointer;
  height: 130px;
  background: url(../images/02-1.png)no-repeat center;

}

.serve-icon3 {
  cursor: pointer;
  height: 130px;
  background: url(../images/03-1.png)no-repeat center;

}

.icon-box:hover .serve-icon1 {
  background: url(../images/01-2.png)no-repeat center;
}

.icon-box:hover .serve-icon2 {
  background: url(../images/02-2.png)no-repeat center;
}

.icon-box:hover .serve-icon3 {
  background: url(../images/03-2.png)no-repeat center;
}

/* 食药追溯结束 */
/*返回顶部*/
.gotop {
  width: 38px;
  height: 50px;
  background: url(../images/top.png)no-repeat center;
  position: fixed;
  display: none;
  right: 0;
  bottom: 100px;
}

/*========== 图换 code=========*/
/*1、农牧业物联网*/
.ghzx h2 {
  font-size: 30px;
  color: #c92127;
  background: url(../images/ghzx.png) no-repeat left center;
  padding-left: 70px;
  line-height: 66px;
}

.zx_gh {
  padding-left: 33px;
}

.zx_gh p {
  font-size: 12px;
  line-height: 26px;
  text-indent: 2em;
  margin-top: 13px;
  color: #666;
}

.gh_yj {
  padding: 13px 77px;
  border-radius: 50px;
  background: #c92127;
  color: #fff;
  font-size: 18px;
}

.yj_con {
  margin-top: 45px;
}

.gh_im {
  margin-top: 40px;
}

/*商务云服务*/
.zx_gh .yff_p01 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.zx_gh .yf_p02 {
  margin-top: 23px;
}

.yff_im h2 {
  font-size: 26px;
  color: #c92127;
  background: url(../images/yffim.png) no-repeat left center;
  padding-left: 70px;
  line-height: 66px;
}

.yj_con .yf_p01 {
  margin-top: 33px;
  font-size: 12px;
  text-indent: 4em;
  color: #666;
}

.yj_con .yf_p01.font-16 {
  font-size: 14px;
  font-weight: 600;
}

.yj_con img {
  margin: 0 auto;
}

.yf_con01 {
  margin-top: 0px;
}

.yf_con01 .yfcon_p {
  margin-bottom: 0px;
}

.yf_con01 h2 {
  margin-bottom: 44px;
}

.aq_p01 {
  font-weight: 700;
}

.aq_ul li {
  list-style: none;
  background: url(../images/wjx.png) no-repeat left 1px;
  font-size: 12px;
  padding-left: 18px;
  height: 26px;
  color: #666;
}

.aq_ul {
  padding-left: 60px;
}

.ld_ul li {
  background: url(../images/lx_im.png) no-repeat left 1px;
  padding-bottom: 30px;
}

.ld_ul {
  margin-top: 36px;
}

.ld_ul span {
  font-weight: 700;
}

.sw_ld {
  margin-bottom: 40px;
}

.sw_yj01 {
  padding: 13px 50px;
}

.sw_yj02 {
  padding: 13px 67px;
}

.sw_yj03 {
  padding: 13px 50px;
}

.yf_con02 {
  margin-bottom: 66px;
}

.sj_box p {
  padding-right: 25px;
  padding-left: 15px;
  font-size: 12px;
  color: #666;
}

/*电子政务-市场监测*/
.sc_jc h2 {
  background: url(../images/sc_jc.png) no-repeat left center;
}

.jc_p01 {
  font-weight: 700;
  color: #475268;
}

.jc_sp01 {
  background: url(../images/lx_im.png) no-repeat left 2px;
  font-weight: 700;
  color: #c92127;
  float: left;
  padding-left: 18px;
}

.jc_ul {
  margin-top: 35px;
}

.jc_ul li {
  font-weight: 700;
  color: #475268;
  background: none;
  overflow: hidden;
}

.jc_ul li .jc_sp02 {
  float: right;
  width: 913px;
  word-break: break-word;
}

.zh_li {
  padding-bottom: 50px;
}

.jc_ul .jc_li01 {
  padding-bottom: 50px;
}

.wz_tex {
  margin-top: 80px;
  margin-bottom: 85px;
}

.wz_ul li {
  list-style: none;
  background: url(../images/wjx.png) no-repeat left center;
  padding-left: 15px;
  font-size: 17px;
  padding-bottom: 5px;
}

.yw_sp01 {
  padding-left: 77px;
  padding-right: 77px;
}

.yw_sp02 {
  padding-left: 40px;
  padding-right: 40px;
}

.yw_sp03 {
  padding-left: 100px;
  padding-right: 100px;
}

/*农村电子*/
.ru_el h2 {
  background: url(../images/ncele.jpg) no-repeat left center;
}

.ww_con {
  padding-left: 66px;
}

.ww_con .fu_h2 {
  margin-bottom: 30px;
}

.yy_ul01 {
  padding-left: 10px;
}

.fw_con02 div {
  background: none;
}

.fw_con02 p {
  font-weight: 700;
  color: #475268;
  background: url(../images/wjx.png) no-repeat left 0px;
  padding-left: 18px;
}

.fw_sp01 {
  font-weight: 700;
  color: #475268;
}

.dc_md {
  margin-bottom: 80px;
}

.nc_sp01 {
  padding-left: 60px;
  padding-right: 60px;
}

.nc_sp02 {
  padding-left: 44px;
  padding-right: 42px;
  margin-left: 30px;
}

.yy_di01 p {
  margin-bottom: 0px;
  line-height: 26px;
}

.ww_con .js_p01 {
  width: 900px;
  float: left;
  text-indent: 0em;
}

.ww_con .jssp_01 {
  float: left;
}

.ww_con .pz_gl {
  overflow: hidden;
}

.dc_md p {
  margin-bottom: 0px;
  line-height: 26px;
}

.el_div {
  margin-top: 40px;
  margin-bottom: 40px;
  padding-left: 30px;
}

.el_div li {
  list-style: none;
}

.el_div li .el_p01 {
  font-size: 16px;
  font-weight: 700;
  color: #c92127;
  margin-bottom: 3px;
}

.el_div li .el_p02 {
  font-size: 12px;
  text-indent: 1.5em;
  color: #666;
}

.fu_h2 {
  background: url(../images/xtgn.png) no-repeat 10px 2px;
  border-bottom: 2px solid #c92127;
  font-size: 22px;
  color: #c92127;
  padding-left: 34px;
  padding-bottom: 13px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.ciyt_div {
  margin-top: 40px;
  padding-left: 0px;
}

.ciyt_div li {
  overflow: hidden;
  list-style: none;
}

.jc_sp01 {
  background: url(../images/lx_im.png) no-repeat left 0px;
  font-weight: 700;
  color: #c92127;
  float: left;
  padding-left: 18px;
  width: auto;
  font-size: 16px;
}

.jsmm {
  width: 81%;
}

.jc_sp02 {
  font-size: 12px;
  float: right;
  width: 78%;
  color: #666;
}

/*1、农牧业物联网 end*/
/*2、大数据应用*/
/*2、大数据应用 end*/
/*3、咨询规划服务*/
.container p {
  font-size: 12px;
  color: #666;
}

.xzsp01 {
  color: #ca171d;
}

/*3、咨询规划服务 end*/
/*3、电子政务*/

/*3、电子政务 end*/
.gotop {
  width: 38px;
  height: 50px;
  background: url(../images/top.png)no-repeat center;
  position: fixed;
  display: none;
  right: 0;
  bottom: 100px;
}

.bannersuccess {
  width: 100%;
  height: 400px !important;
  background: url(../images/gateway_02.png) no-repeat center;
}




.top-floor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 450px;
  background-color: rgba(255, 255, 255, .3);
  color: #666666;
}

.title-word{
  text-align: center;
  height: 70px;
  position: relative;
  top: 50%;
}

.title-word span:first-child {
  font: 22px 微软雅黑;
  color: #CA171D;
  font-weight: 600;
}

.top-floor .title-word span:last-child {
  font: 16px 微软雅黑;
  line-height: 50px;
  color: #333333;
  font-weight: 600;
}

.navs1 {
  height: 44px;
  border-bottom: 1px solid #ccc;
}

.navs-box {
  width: 210px;
  margin: auto;
}

.navs-box li {
  float: left;
  margin-left: 12.5px;
  margin-right: 12.5px;
  line-height: 44px;
  cursor: pointer;
  font-size: 20px;
  font-family: "微软雅黑";
  /*color: #666666;*/
}

.active {
  color: #c92127;
  border-bottom: 2px solid #C92127;
}

.word1 {
  padding-top: 84px;
}

.word1 p:nth-child(1) {
  font-size: 16px;
  font-family: "微软雅黑";
  color: #666666;

}

.word1 p:nth-child(2) {
  font-size: 12px;
  text-indent: 2em;
  padding-top: 35px;
  font-family: "微软雅黑";
  color: #666666;
  line-height: 1.8em;
}

.partner-word {
  background-color: #f8f8f8;
  padding: 80px 0 80px 0;
  margin-top: 85px;

}

.partner-word2 p {
  float: left;
  padding-left: 35px;
  font-size: 12px;
  font-family: "微软雅黑";
  color: #666666;
}

.container p.word-red {
  font-family: "微软雅黑";
  color: #c92127;
  font-size: 16px;
  margin-bottom: 30px;
}

.partner-word3 {
  background-color: #fff;
  padding: 50px 0 50px 0;

}



/*重点客户*/
.zfdiv {
  width: 100%;
  background: #f2f2f2;
}

.zfnav {
  margin-bottom: 0px;
}

/**/
.zfkh {
  padding-left: 40px;
  padding-bottom: 60px;
}



.zfkh ul li {
  list-style: none;
  font-size: 14px;
  line-height: 1.8em;
}

.zfkh h3 {
  font-size: 16px;
  color: #c92127;
  margin-top: 20px;
  margin-bottom: 10px;
}

.swbdiv {
  margin-right: 18px;
  text-align: center;
}

.swbdiv ul li {
  text-align: center;
}

.swbdiv img {
  margin: 0 auto;
}

.swbdiv ul {
  margin-top: 30px;
}

.qyhh ul li {
  list-style: none;
  font-size: 14px;
  line-height: 1.8em;
  text-align: center;
}

.qyhh ul {
  padding-left: 0px;
}

.qyhh h3 {
  font-size: 16px;
  color: #c92127;
  margin-bottom: 10px;
}

.qycon {
  text-align: center;
}

.qycon h3 {
  margin: 0px;
}

.qycon img {
  margin: 0 auto;
}



.qytex {
  margin-right: 30px;
}

.qycon02 img {
  padding-bottom: 9px;
}

.qycon01 img {
  padding-bottom: 0px;
}

.qycon04 img {
  padding-bottom: 3px;
}

.qycon05 img {
  padding-bottom: 3px;
}

.qywz ul {
  margin-top: 30px;
}

.qytex {
  margin-right: 0px;
  margin-bottom: 90px;
}

.zfcon p {
  font-size: 24px;
  color: #c92127;
  background: url(../images/zfp_im.png) no-repeat left center;
  padding-left: 45px;
  margin-top: 50px;
  margin-bottom: 40px;
}



.navbar .container-fluid{
  padding: 0;
}
@media (min-width: 992px){
  .container{
    width: auto;
    max-width: 1200px;
  }
}
@media (min-width: 768px){
  .navbar.container{
    width:100%;
  }
  .navss.container-fluid,
  #navbar.container{
    padding-left:0;
    padding-right:0;
  }
 
}

@media (max-width: 800px){
  .navbar.container{
    width:100%;
  }
  #app,#navs{
    min-width: 100%;
  }
  .container{
    width: 100%;
  }
  .swiper-pagination{
    left: 15px;
  }
  .marb{
    margin-bottom: 20px;
  }
  .icon-box,.col-md-10.col-md-offset-2{
    margin-bottom: 30px;
  }
  .container.cont-word-one,.container.cont-word{
    padding-left: 0;
    padding-right: 0;
  }
  .footer-box .col-xs-6.box-word{
    width: 33.3%;
  }
  .footer-box .col-xs-6.box-word:last-child{
    width: 100%;
    padding-top: 0;
  }
  .box2 .detail .wcdc-imgs{
    width: 2.83rem;
    height: 2.83rem;
  }
  #myTab{
    top: 15%;
  }
  #myTabContent {
    position: absolute;
    top: 30%;
    left: 10%;
    overflow: hidden;
    min-height: 4.2rem;
    width: 80%;
  }
  .dot {
    position: absolute;
    top: 0.4rem;
    left: -0.4rem;
    width: 0.12rem;
    height: 0.12rem;
    border-radius: 50%;
    background-color: #ca171d;
    opacity: 0.8;
  }
  .history-box {
    margin-left:5%;
  }
  .fourth .box4 .categray{
    padding-top: 20px;
  }
  .fourth .box4 .categray ul li{
    margin-top: 10px;
  }
  .case-text .show-text{
    height: auto;
    font-size: 12px;
  }
  .case-text{
    padding: 5px 0;
  }
  .Company{
    height: auto;
    top: 10%;
  }
  .current .information{
    height: auto;
    padding-bottom: 15px;
  }
  .in-right{
    margin-right: auto;
  }
  .cont-word p{
    line-height:18px;
  }
  .container-fluid .container div .content-info{
    float:right;
  }
  .container-fluid .container div .title-number{
    position: absolute;
    width:50px;
    height:50px;
    line-height:50px;
    font-size: 38px;
    top: 32px;
  }
  .tab .col-md-7 img,.tab .col-md-5 img{
    width:100%!important;
    height:auto!important;
    margin:0!important;
  }
  .tab .col-md-12 .col-md-7,.tab .col-md-12 .col-md-5{
    width:100%;
    padding:0;
  }
}