/* 首页 */
.index{}
.index .new-pro{}
.index .new-pro .name{
  font-size: 36px;
  color: #333333;
  text-align: center;
  font-weight: initial;
  margin: 3% 0;
}
.index .new-pro .item{
  width: 31.3333%;
  margin-left: 3%;
  display: inline-block;
  position: relative;
}
.index .new-pro .item:nth-child(1){
  margin-left: 0;
}
.index .new-pro .item img{
  width: 100%;
}
.index .new-pro .item .div1{
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  text-align: center;
  top: 10%;
}
.index .new-pro{
  font-size: 0;
}
.index .new-pro .item .div1 .p1{
  font-size: 25px;
  color: #333333;
  font-weight: bold;
}
.index .new-pro .item .div1 .p2{
  font-size: 14px;
  color: #333333;
  margin: 2% 0;
}
.index .new-pro .item .div1 span{
  font-size: 12px;
  color: #1798ff;
}
.index .activity{
  background: #f2f2f2;
  padding: 4% 0;
  margin-top: 4%;
}
.index .activity .cont {
  /* width: 100%; */
  *zoom: 1;
}
.index .activity .cont::after{
 content:"";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.index .activity .cont .div1{
  position: relative;
  font-size: 0;
  margin-bottom: 3%;
  width: 66%;
  float: left;
}
.index .activity .cont .div1:nth-last-child(1){
  margin-bottom: 0;
}
.index .activity .cont .div2{
  width: 31%;
  float: right;
  position: relative;
}
.index .activity .cont .div1 .wenzi .p1{
  font-size: 22px;
  color: #ffffff;
  font-weight: bold;
  margin-bottom:2%;
}
.index .activity .cont .div1 .wenzi .p2{
  font-size: 14px;
  color: #ffffff;
  width: 436px;
  line-height: 28px;

}
.index .activity .cont .div1 .wenzi span{
  font-size: 12px;
  color: #1798ff;
  margin-top:18%;
}
/* .index .activity .cont .left{
   width: 65%;
   float: left;
}
.index .activity .cont .right{
  width: 30%;
  float: right;
} */
.index .activity .cont .div2 img{
  width: 100%;
}
.index .activity .cont .div1 img{
  width: 100%;
}
.index .activity .cont .div1 .wenzi{
  position: absolute;
  top: 36px;
  left: 28px;
}
.index .activity .cont .div2 .wenzi{
  position: absolute;
  top: 0;
  left: 0;
  padding: 24px;
}
.index .activity .cont .div2 .p1{
  font-size: 22px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 1%;
}
.index .activity .cont .div2 .p2{
  font-size: 14px;
  color: #6cace3;
  margin-bottom: 5%;
}
.index .activity .cont .div2 .p3{
  font-size: 24px;
  color: #fff;
  margin-bottom: 4%;
}
.index .activity .cont .div2 .co{
  font-size: 14px;
  color: #ffffff;
  margin-bottom: 34px;
  line-height: 28px;

}
.index .activity .cont .div2 .p4{
  font-size: 14px;
  color: #ffffff;
  margin-bottom: 32px;
  line-height: 28px;
}
.index .activity .cont .div2 span{
  font-size: 14px;
  color: #fff;
}
.index .scheme{
  position: relative;
  font-size: 0;
}
.index .scheme .img1{
  width: 100%;
  height: 442px;
  /* width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; */
}
.index .scheme #scheme-swiper{
  padding-bottom: 1%;
}
.index .scheme .cont{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.index .scheme .cont .name{
  font-size: 36px;
  color: #fff;
  text-align: center;
  padding: 24px 0;
  font-weight: initial;
  position: relative;
  z-index: 2;
}
.index .scheme .cont .nav-item{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width:1200px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.index .scheme .cont  .nav-item div{
  color: #fff;
  font-size: 14px;
  padding: 1%;
  cursor: pointer;
  /* height: 36px;
  line-height: 36px; */
}
.index .scheme .cont  .nav-item div.link{
  background: #1798ff;
}
.index  #scheme-swiper .wenzi{
  color: #fff;
  text-align: center;
  margin-top: 30px;
  position: relative;
  z-index: 2;
  /* padding-bottom: 4%; */
}
.index  #scheme-swiper .swiper-slide{
  /* padding-top:170px;
  padding-bottom: 0%; */
 
}
.index  #scheme-swiper .wenzi img{
  display: none;
}
.index  #scheme-swiper .wenzi h1{
  font-size: 38px;
  color: #ffffff;
}
.index  #scheme-swiper .wenzi p{
  font-size: 38px;
  color: #ffffff;
}
.index  #scheme-swiper .wenzi a{
  color: #fff;
  border: 1px solid #fff;
  margin-top: 5%;
}
.index #scheme-swiper .wenzi a:hover{
  background: #1798ff;
  border: 1px solid #1798ff;
}
.index .information{
  background: #f2f2f2;
  padding-bottom: 3%;
}
.index .information .btn{
  margin-top: 3%;
}
.index .information .cont {
  font-size: 0;
}
.index .information  .name{
  font-size: 36px;
  color: #333333;
  text-align: center;
  padding: 3% 0;
  font-weight: initial;
}
.index .information .cont .item{
  width: 31.3333%;
  font-size: 0;
  margin-left: 3%;
}
.index .information .cont .item:nth-child(1){
  margin-left: 0;
}
.index .information .cont .item img{
  width: 100%;
  transition: all 0.6s;
  -ms-transition: all 0.8s;
}
.index .information .cont .item .div-img{
  width: 100%;
  overflow: hidden;
}
.index .information .cont .item .div-img:hover img{
  transform: scale(1.1); 
}
.index .information .cont .item .div1{
  background: #fff;
  padding: 18px;
}
.index .information .cont .item .time{
  font-size: 14px;
  color: #666666;
}
.index .information .cont .item .p1{
  font-size: 18px;
  color: #333333;
  margin-bottom: 18px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  margin-top: 2%;
}
.index .information .cont .item .p2{
  font-size: 15px;
  color:#666666;
  margin-bottom: 22px;
  width: 100%; 
  overflow: hidden;     
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height:56px;
  line-height: 28px;
  position: relative;
  /* height: 42px; */
}
.index .information .cont .item .p2::after{
  content: "...";
  position: absolute;
  bottom: 0;
  right: 8px;
  padding-left: 14px;
  background: -webkit-linear-gradient(left, transparent, #fff 50%);
  background: -o-linear-gradient(right, transparent, #fff 50%);
  background: -moz-linear-gradient(right, transparent, #fff 50%);
   background: linear-gradient(to right, transparent, #fff 50%);

}
.index .information .cont .item  span{
 font-size: 14px;
 color: #333333;
 margin-bottom: 12px;
}
.index .information .cont .item:hover .p1{
  color: #1798ff;
}
.index .information .cont .item:hover span{
  color: #1798ff;

}
.index .information .cont{
  display: flex;
}
.index .information .mobile-learn{
  display: none;
}
.index  .intro{
  font-size: 0;
}
.index  .intro .item {
  position: relative;
}
.index .intro .item .img1{
  width: 100%;
  /* height: 486px; */
}
.index  .intro .item .div1{
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;

}
.index .intro .item .div1 .p1{
  font-size: 36px;
  color: #ffffff;
  text-align: center;
  padding:20px 0 10px 0;
}
.index .intro .item .div1 .p2{
  font-size: 16px;
  color: #fff;
  /* width: 434px; */
  margin: 0 auto;
  text-align: center;
  margin-bottom:2%;
  line-height: 30px;
}
.index  .intro .item1 .div1 .p2{
  width: 100%;
}
.index  .intro .item .div1 ul{
  display: flex;
  width: 85%;
  margin: 0 auto;
  justify-content: space-between;
}
.index  .intro .item .div1 ul li .count{
  font-size: 58px;
  color: #ffffff;
  font-weight: bold;
}
.index .intro .item .div1 ul li .count span{
  color: #fff;

}
.index  .intro .item .div1 ul li p{
  color: #fff;
  font-size: 16px;
}
.index  .intro  .intro-pagination .swiper-pagination-bullet{
   width:4%;
   height: 2px;
   border-radius: 0;
   opacity: 1;
   background: #fff;
}
.index  .intro .intro-pagination .swiper-pagination-bullet-active{
  background: #1798ff;
}
.index  .intro .item1 .div1 .p2{
  margin-bottom:2%;
}
.index  .intro .item1 .div1 .btn{
  margin-top: 2%;
  background: #1798ff;
  border: 1px solid #1798ff;
  color: #fff;
}
.index  .intro .intro-pagination{
  bottom: 20px;
}
.index  .intro .item1  .div1 ul{
  width: 83%;
}
.index .main .img1{
  width: 100%;
}

.index .main{
  position: relative;
  font-size: 0;
}
.index .main .cont{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.index .main .cont .item{
  display: flex;
  height: 100%;
  align-items: center;
}
.index .main .cont .item .div2{
  width:55%;
}
.index .main .cont .item .div1 p{
  line-height: 36px;
}
.index .main .cont .item .div1 .p1{
  font-size: 22px;
  color: #333;
}
.index .main .cont .item .div1 .p1 span{
  font-size: 17px;
  color: #333;

}
.index .main .cont .item .div1 .p2{
  font-size: 12px;
  color: #666666;
  height: 40px;
  line-height: normal;
}
.index .main .cont .item .div1 a{
  /* width: 130px; */
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #333;
  text-align: center;
  font-size: 16px;
  color: #333;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
   -ms-transition: all .3s;
    -o-transition: all .3s;
       transition: all .3s;
}
.index .main .cont .item .div1 a:hover{
  background: #1798ff;
    color: #fff;
    border: 1px solid #1798ff;
}
.index .intro .item .div1 ul li{
  width: 28%;
}
.index .intro .item .div1 ul li p.nei{
  width:96%;
  line-height: 30px;
}
.index .intro .item1 .div1 ul li{
  width: 25%;
}
.index .intro .item1 .div1 ul li p.nei{
  width:80%;
}
.banner-pagination .swiper-pagination-bullet{
  background: transparent;
  border: 1px solid #fff;
}
.banner-pagination .swiper-pagination-bullet-active{
  background: #fff;
}
@media (max-width: 1200px){
  .index #scheme-swiper .wenzi h1,.index #scheme-swiper .wenzi p{
    /* font-size: 24px; */
  }
  .index .intro .item .div1 .p2{
    line-height: normal;
  }
  .index .intro .item .div1 ul li p.nei{
    line-height: normal;
  }
  .index .scheme .cont .nav-item div{
    /* font-size: 12px; */
  }
  .index .intro .item .div1 ul li .count{
    font-size: 36px;
  }
  .index .intro .item1 .div1 .btn{
    margin-top: 0;
  }
  .index .intro .item .img1{
    /* height: 436px; */
  }
  .index .main .img1{
    height: 300px;
  }
  .index .activity .cont .div1 .wenzi span{
    margin-top: 18%;
  }
}
@media (max-width: 767px){
  .daohan p{
    display: none;
  }

}
@media (min-width: 767px){
  .daohan p{
    display: block;
  }

}
@media screen and (max-width: 1200px) and (min-width: 1024px) {
  .index .activity .cont .div1 .wenzi .p2{
    /* line-height: 22px; */
  }
  .index .activity .cont .div2 .co{
    /* line-height: 22px; */
  }
  .index .activity .cont .div2 .p4{
    /* line-height: 24px; */
  }
  .index .activity .cont .div1 .wenzi span{
    margin-top: 10%;
  }
}
@media screen and (max-width: 900px) and (min-width: 0px) {
  .index .new-pro .name{
    font-size: 18px;
    margin: 28px 0;
  }
  .index .new-pro .item .div1 .p1{
    /* font-size: 15px; */
  }
  .index .new-pro .item .div1 .p2{
    font-size: 12px;
  }
  .index .activity .cont .div1 .wenzi .p1{
    font-size: 16px;
    margin-bottom: 1%;
  }
  .index .activity .cont .div1 .wenzi .p2{
    font-size: 12px;
  }
  .index .activity .cont .div1{
    width: 100%;
  }
  .index .activity .cont .div2{
    width: 100%;
  }
  .index .activity .cont .div1 .wenzi span{
    font-size: 12px;
    /* margin-top: 0; */
  }
  .index .scheme .cont .name{
    font-size: 18px;
    padding: 1% 0;
  }
  .index .scheme .cont .nav-item{
    width: 100%;
    margin-top: 2%;
  }
  .index #scheme-swiper .wenzi{
    margin-top: 30px;
    /* margin-top:12%; */
  }
  .index #scheme-swiper .wenzi h1,.index #scheme-swiper .wenzi p{
    font-size: 18px;
  }
  .index .scheme .img1{
    height: 300px;
  }
  .btn{
    width: 100px;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
  }
  .index .scheme .cont .nav-item div{
    text-align: center;
  }
  .index .activity .cont .div2 .p1{
    font-size: 16px;
  }
  .index .activity .cont .div2 .p2{
    font-size: 12px;
  }
  .index .activity .cont .div2 .p3{
    font-size: 16px;
  }
  .index .activity .cont .div2 .co{
    font-size: 12px;
  }
  .index .activity .cont .div2 .p4{
    font-size: 12px;
  }
  .index .activity .cont .div2 img{
    height: 398px;
  }
  .index .information .name{
    font-size: 18px;
    padding: 28px 0;
  }
  .index .information .cont .item{
    width: 100%;
    margin-left: 0;
  }
  .index .information .cont .item .p1{
    font-size: 14px;
  }
  .index .information .cont .item .p2{
    font-size: 12px;
  }
  .index .intro .item .div1 .p1{
    font-size: 18px;
    padding: 2% 0;
  }
  .index .intro .item .div1 .p2{
    font-size: 12px;
  }
  .index .intro .item .img1{
    /* height: 280px; */
  }
  .index .intro .item .div1 ul li p{
    font-size: 12px;
  }
  .index .intro .item .div1 ul{
    width: 100%;
    padding: 0 2%;
  }
  .index .intro .item .div1 ul li .count{
    font-size: 20px;
  }
  .index .intro .item1 .div1 .btn{
    margin-top: 0;
  }
  .index .main .img1{
    height: 360px;
  }
  .index .main .cont .item .div1{
    width: 88%;
    margin: 0 auto;
  }

  .index .main .cont .item{
    flex-wrap: wrap;
    padding: 0;
  }
  .index .main .cont .item .div1 .p1{
    line-height: normal;
    font-size: 18px;
  }
  .index .main .cont .item .div1 .p1 span{
    font-size: 18px;

  }
  .index .main .cont .item .div1 a{
    /* width: 100px; */
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    margin-top: 28px;
  }
  .index .main .cont .item .div1 .p2{
    height: auto;
  }
  .index .activity .cont{
    display: flex;
    flex-wrap: wrap ;
    padding: 0;
  }
  .index .activity .cont .div1,.index .activity .cont .div2{
    margin-bottom: 20px;
  }
  .index .activity .cont .div1:nth-last-child(1){
    margin-bottom: 20px;
  }
  .index .activity .cont .div1{
    order: 1;
  }
  .index .activity .cont .div2{
    order: 2;
  }
  .index .activity{
    /* margin-top: 0; */
    padding: 0;
  }
  .index .information{
    padding-bottom: 30px;
  }
  .index .new-pro .item{
    width: 88%;
     margin-left: 0;
     margin-bottom: 50px;
  }
  .index .new-pro .cont{
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
  }
  .index .information .cont .item{
    width:88%;
    margin-bottom: 20px;
  }
  .index .information .cont .item:nth-last-child(1){
    margin-bottom: 0;
  }
  .index .information .cont{
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
  }
  .index .information .btn{
    margin-top: 30px;
  }
  .index .intro .intro-pagination .swiper-pagination-bullet{
    width: 40px;
  }
}

@media screen and (max-width: 767px) and (min-width: 0) {

  .index .activity .cont .div2 .wenzi{
    padding: 20px;
  }
  .index .activity{
    margin-top: 0; 
  }
  .index .activity .cont .div2 img{
    height: auto;
  }
  .index .new-pro .item .div1{
    top: 8%;
  }
  .index .activity .cont .div1 .wenzi span{
    margin-top: 30px;
  }
  .index .activity .cont .div1 .wenzi{
    top: 10%;
    left: 18px;
  }
  .index .activity .cont .div1 .wenzi .p2{
    width: 334px;
  }
    .index #scheme-swiper .swiper-slide{
    /* padding-top:14%; */
  }
  .index #scheme-swiper .wenzi a{
    /* margin-top: 7%; */
  }
  .index .scheme .cont{
    height: 300px;
    padding-top: 3%;
    top: 14%;
  }

  .index .activity .cont .div1 img{
    /* height: 180px; */
  }
  .index .activity .cont .div1 .wenzi .p2{
    margin-top: 4%;
    margin-bottom: 8%;
    line-height: 18px;
  }
  .index .activity .cont .div2 .co{
    line-height: 18px;
  }
  .index .activity .cont .div2 .p4{
    line-height: 18px;
  }
  .index .intro .item .div1 ul li{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .index .intro .item .div1 ul{
    flex-wrap: wrap;
  }
  .index .intro .item .div1 ul li{
    margin-bottom: 4%;
    margin-top: 4%;
  }
  .index .intro .item1 .div1 ul li{
    margin-top:0;
  }
  .index .intro .item .div1 ul li p.nei{
    width: 75%;
    line-height: normal;

    margin-left: 5%;
  }
  .index .intro .item .div1 .p2{
    width:90%;
    margin: 0 auto;
    margin-bottom: 4%;
    line-height: normal;
  }

  .index .intro .item1 .div1 .btn{
    /* display: none; */
  }
  .index .intro .item1 .p2{

  }
  .index .intro .item .mobile-img{
    height: auto;
  }
  .index .mobile-img .img1{
    height: auto;
  }
  .index .mobile-img .cont{
    height: auto;
  }
  .index .information .cont{
    display: none;
  }
  .index .information .mobile-learn{
    display: block;
  }
  .index .information .mobile-learn a{
    width: 88%;
    display: block;
    margin: 0 auto;
    background: #fff;
  }
  .index .information .mobile-learn  img{
    width: 100%;
  }
  .index .information .mobile-learn a .div1{
    background: #fff;
    padding: 18px;
  }
  .index .information .mobile-learn a  .time {
    font-size: 14px;
    color: #666666;
  }
  .index .information .mobile-learn a .p1{
    font-size: 16px;
    color: #333333;
    margin-bottom: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .index .information .mobile-learn a .p2{    
    font-size: 12px;
    color: #666666;
    margin-bottom: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .index .information .mobile-learn a span{
    font-size: 12px;
    color: #333333;
  }
  .index .information #mobile-learn{
    padding-bottom: 48px;
  }
  .index .information .btn{
    margin-top: 20px;
  }
  .index .information #mobile-learn .swiper-pagination-bullet{
    background: transparent;
    border: 1px solid #83807d;
    opacity: 1;
  }
  .index .information #mobile-learn  .swiper-pagination-bullet-active{
    background: #0068b6;
    border: 1px solid #0068b6;
  }
}
/* 产品 */
.nav-name{
  background: #272727;
  font-size: 18px;
  height: 55px;
  line-height: 55px;
  /* position: fixed; */
  width: 100%;
  z-index: 2;
  top: 0;
  left: 0;
}
.nav-name p{
  color: #ffffff;
}
.nav-name .cont{
  display: flex;
  justify-content: space-between;
}
.nav-name .cont .link{
  /* display: flex;
  width: 26%;
  justify-content:space-around; */
  text-align: right;
}
/* .nav-name .cont .link1{
  width: 33%;
} */
.nav-name .cont .link a{
  font-size: 14px;
  color: #fff;
  margin-right:32px;
  cursor: pointer;
}
.nav-name .cont .link a.active{
  color: #1798ff;
}
.nav-name .cont .link a:hover{
  color: #1798ff;

}
.product .p-banner{
  /* height: 690px; */
  /* padding: 12% 0; */

  /* padding: 14% 0 10% 0; */
  height: 612px;
  box-sizing: border-box;
}
.product .p-banner .left h1{
  font-size: 36px;
  /* padding-top: 18%; */

  padding-top: 194px;
}
.product .p-banner .container{

}
.product {
  position: relative;
  /* margin-top: 173px; */
}
.product .p-banner {
  position: relative;
}
.product .p-banner .img1{
  width:54%;
  
  position: absolute;
  right: 6%;
  top: 13%;
}
.product .p-banner .left{
  /* padding-left: 12px; */
}
.product .p-banner .left h1 span{
  font-size: 36px;
  color: #333333;
  font-weight: initial;
}
.product .p-banner .left a{
  padding-top: 13%;
  text-align: right;

}
.product .p-banner .left a p{
  font-size: 14px;
  color: #333333;
}
.product .norms{
  background: #fff;
  padding-bottom: 84px;
}
.product .norms .name{
  font-size: 36px;
  color: #666666;
  text-align: center;
}
.product .norms .norms-detail{
  width: 70%;
  margin: 0 auto;
}
.product .norms .norms-detail li{
  display: flex;
}
.product .norms .norms-detail li div{
  font-size: 18px;
  color: #666666;
  height: 75px;
  line-height: 75px;
  border-bottom: 1px solid #dddddd;
  width: 20%;
}
.product .norms .norms-detail li .div1{
  border-bottom:none;
  width: 30%;
}
.product .account{
  position: relative;
  /* background: url(../img/s.png) no-repeat;
  background-size: 100% 100%;
  padding: 14% 0; */
}
.product .account .cont{
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}
.product .account img{
  width: 100%;
}
.product .account p{
  color: #ffffff;
  text-align: center;
  width: 100%;
}
.product .account .p1{
  font-size: 36px;
  /* padding-top: 262px; */
  margin-bottom: 45px;

}

.product .account .p2{
  line-height: 30px;
}
.challenge{
  background: #fff;
  padding: 4% 0;
  padding-bottom: 0;
}
.challenge h1{
  font-size: 36px;
  color: #333333;
  font-weight: initial;
  text-align: center;
  /* margin-bottom: 6%; */
}
.challenge .p1{
  font-size: 18px;
  color: #666666;
  text-align: center;
  margin-top: 1%;
  line-height: 32px;
}
   
.challenge .cont{
  display: flex;
  /* justify-content: space-between; */
  flex-wrap: wrap;
  margin-top: 6%;
}
.challenge .cont .div1{
  width: 30%;
  text-align: center;
  padding-bottom: 4%;
  margin-right: 5%;
}
.challenge .cont .div1:nth-child(3n){
  margin-right: 0;
}
.challenge .cont .div1 .p1{
  font-size: 22px;
  color: #333333;
  margin-bottom: 10px;
}
.challenge .cont .div1 img{
  margin-bottom: 6%;
}
.challenge .cont .div1 .p2{
  font-size: 16px;
  color: #666666;
  
  text-align: left;
  line-height: 28px;
}
.challenge .cont .div1 .p2 span{
  color: #666666;
  display: table;
  margin: 0 auto;
}
.product .result{
  background: url(../img/s2.png) no-repeat;
  background-size: 100% 100%;
}
.system{}
.system h1{
  font-size: 36px;
  color: #333333;
  font-weight: initial;
  text-align: center;
  margin: 4% 0;
}
.system .cont{
  display: flex;
  width: 80%;
  margin: 0 auto;
  justify-content: space-between;
  margin-bottom: 4%;
}
.system .cont .div1{
  width: 48%;
  font-size: 0;
}
.system .cont .div1 img{
  width: 100%;
}
.system .cont .div1 .p1{
  font-size: 24px;
  color: #333333;
  margin: 18px 0;
}
.system .cont .div1 .p2{
  font-size: 18px;
  color: #666666;
  line-height: 30px;
}
.design{
  background: #f2f2f2;
  /* background: url(../img/l.png) no-repeat #f2f2f2 1% bottom;
  background-size: 44% ; */
  width: 100%;
  overflow: hidden;
  /* padding-top: 6%; */
}
 .design img{
  float: left;
  width: 58%;
  /* margin-left: 1%; */
}
.design .right{
  float: right;
  width:42%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}
.design .right .p1{
  width: 100%;
  font-size: 36px;
  color: #333333;
  margin-bottom: 3%;
  /* margin-top: 10%; */
}
.design .right .p2{
  width: 100%;
  font-size: 16px;
  color: #666666;
  line-height: 30px;
}
.product .apply{
  background: #f2f2f2;
  overflow: hidden;
  width: 100%;
}
.product .apply  .img1{
  float: left;
  width: 50%;
}
.product .apply .right{
  width: 40%;
  float: left;
  margin-left: 2%;
}
.product .apply .right .name{
  font-size: 30px;
  color: #333333;
  font-weight: initial;
  text-align: left;
  margin-top: 6%;
}
.product .apply .right .item{
  display: flex;
  align-items: flex-end;
  font-size: 18px;
  color: #333333;
  /* height: 54px;
  line-height: 54px; */
  border-bottom: 1px solid #c6c6c6;
 
}
.product .apply .right .item div{
  margin-right: 3%;
  cursor: pointer;
  padding-bottom: 10px;
}
.product .apply .right .item div:nth-last-child(1){
  margin-right: 0;
}
.product .apply .right .item div.link{
  color: #1798ff;
  position: relative;
}
.product .apply .right .item div.link::after{
  position: absolute;
  content: '';
  width: 100%;
  height: 1px;
  background: #1798ff;
  left: 0;
  bottom: 0;
}
.product .apply #swiper .p1{
  font-size: 28px;
  color: #333333;
  margin-top: 5%;
  margin-bottom: 2%;

}
.product .apply #swiper img{
  display: none;
}
.product .apply #swiper .p2{
  font-size: 16px;
  color: #666666;
  line-height: 30px;
}
.product .apply #swiper a{
  color: #1798ff;
  margin-top: 8%;
}
.product .case{

}
.product .case .cont{
  font-size: 0;
  display: block;
}
.product .case #case-swiper{
  display: none;
}
.product .case a{
  width: 31%;
  margin-right: 3%;
}
.product .case a:nth-child(3n){
  margin-right: 0;
}
.product .case a img{
  width: 100%;
}
.product .case a p{
  font-size: 20px;
  color: #333333;
  background: #f2f2f2;
  padding: 18px;
  line-height: 30px;
  
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.product .case .name{
  font-size: 36px;
  color: #333333;
  text-align: center;
  margin: 4% 0;
  font-weight: initial;
}
.product .case a.link{
  display: block;
  width: 200px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  font-size: 18px;
  color: #7f7f7f;
  border: 1px solid #b0b0b0;
  margin: 0 auto;
  margin-top: 3%;
  margin-bottom: 4%;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
   -ms-transition: all .3s;
    -o-transition: all .3s;
       transition: all .3s;
}
.product .case a.link:hover{
  background: #1798ff;
  border: 1px solid #1798ff;
  color: #fff;
}
.product .table{
  width: 80%;
  margin: 0 auto;
  margin-bottom: 4%;
  display: none;
}
.product table{
  width: 100%;
}
.product table tr{
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  color: #666666;
}
.product table tr th{
  text-align: left;
  font-size: 18px;
  color: #666666;
  font-weight: initial;
}
.product table th.first{
  border-top: 1px solid #ddd;

}
.product table tr td{
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-size: 18px;
  color: #666666;
}
.product table tr td.subtitle{
 
}
.product table tr{
}
.product .name{
  font-size: 36px;
  color: #666666;
  margin-bottom: 4%;
  text-align: center;
}
@media (max-width: 1200px){ 

  .product .apply .img1{
    width: 42%;
  }
  .product .apply .right{
    width: 50%;
  }
  .product .apply .right .item{
    font-size: 14px;
  }
  .product .apply .right .name{
    margin-top: 4%;
    margin-bottom: 0;
  }
  .product .apply #swiper a{
    margin-top: 4%;
  }
  .product .apply #swiper .p1{
    margin-top: 4%;
    font-size: 18px;
  }
  .product .apply #swiper .p2{
    font-size: 12px;
    line-height: 20px;
  }
  .product .apply .right .name{
    font-size: 20px;
  }
}
@media screen and (max-width: 900px) and (min-width: 0px) {
  .product .p-banner .left h1{
    font-size: 18px;
    padding-top: 6%;
  }
  .product .p-banner{
    height: 400px;
  }
  .nav-name{
    font-size: 12px;
    height: 40px;
    line-height: 40px;
  }
  .nav-name p{
    padding-left: 0;
    padding-right: 0;
  }
  /* .nav-name .cont .link{
    width: 62%;
  }
  .nav-name .cont .link1{
    width: 70%;
  } */
  .nav-name .cont .link a{
    font-size: 12px;
    margin-right: 10px;
  }
  .nav-name .cont .link a:nth-last-child(1){
    margin-right: 0;
  }
  .product .p-banner .left h1 span{
    font-size: 14px;
  }
  .product .account .p1{
    font-size: 22px;
    margin-bottom: 20px;
  }
  .product .account .p2{
    font-size: 12px;
    line-height: 20px;
    padding: 0 2%;
  }
  .challenge h1, .system h1{
    font-size: 22px;
  }
  .product .result{
    padding: 10% 0;
  }
  .product .p-banner .left a{
    /* padding-top: 10%; */
  }
  .challenge .cont .div1 .p1, .system .cont .div1 .p1{
    font-size: 20px;
  }
  .challenge .cont .div1 .p2{
    width: 326px;
    margin: 0 auto;
  }
  .product .p-banner .left a img{
    width: 20px;
  }
  .product .p-banner .left a p{
    font-size: 12px;
  }
  .challenge .cont .div1 .p2,.system .cont .div1 .p2{
    font-size: 10px;
  }
  .challenge .cont .div1 img{
    width: 80px;
  }
  .system .cont{
    width: 100%;
  }
  .design .right .p1{
    font-size: 22px;
    margin-top: 0;
  }
 .design{
    padding-bottom: 6%;
  }
  .design .right .p2{
    font-size: 12px;
  }
  .product .apply .img1{
    width: 100%;
  }
  .product .apply .right{
    width: 100%;
    margin-left: 0;
    margin-bottom: 5%;
  }
  .product .apply .right .name{
    font-size: 18px;
    margin-bottom: 0;
  }
  .product .apply .right .item{
    font-size: 12px;
    margin-top: 10px;
  }
  .product .apply #swiper .p1{
    font-size: 15px;
  }
  .product .apply #swiper .p2{
    font-size: 12px;
  }
  .product .apply #swiper a{
    font-size: 12px;
  }
  .product .apply{
    padding: 0 2%;
  }
  .product .case .name{
    font-size: 22px;
    margin: 30px 0;
  }
  .product .case a p{
    font-size: 12px;
  }
  .challenge .cont{
    flex-wrap: wrap;
  }
  .challenge .cont .div1{
    width: 100%;
    margin-top:2%;
    margin-right: 0;
  }
  .challenge .cont{
    margin-top: 0;
  }
  .challenge .p1{
    font-size: 14px;
  }
  .challenge{
    background: #fff;
    padding: 32px 0;
  }
  .product .case a{
    width: 100%;
    margin-left: 0;
    margin-top: 2%;
  }

  .product .case a.link{
    width: 100px;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
  }
  .product .apply .right .item div{
    margin-right: 2%;
  }
  .product .name{
    font-size: 18px;
  }
  .product table tr td{
    font-size: 14px;
  }
  .product table tr th{
    font-size: 14px;
  }
  .product .table{
    width: 100%;
  }
  .product .account{
    /* padding: 30% 0; */
  }
  .challenge .cont .div1{
    margin-top: 50px;
  }
  .system h1{
    margin: 30px 0;
  }
  .single-analyse h1{
    text-align: left;
    padding: 0 3%;
  }
}
@media screen and (max-width: 767px) and (min-width: 0px) {
  .product .case a:nth-child(1){
    margin-top: 0;
  }
  .product .p-banner .img1{
    position: initial;
    width: 100%;
    margin-top: 30px;
  }
  .product .p-banner{
    padding-top: 8%;
    background: #d4dae2 !important;
    height: auto;
  }
  .product .p-banner .left a{
    position: absolute;
    bottom: 2%;
  }
  .product .table{
    padding-top: 4%;
  }
  .challenge .cont .div1 .p1{
    margin-bottom: 4px;
    font-size: 16px;
  }
  .system .cont .div1 .p2{
    line-height: 20px;
  }
   .design .right .p2{
    line-height: 20px;
  }
  .product .apply #swiper .p2{
    line-height: 20px;
  }
  .product .case a p{
    line-height: normal;
  }

  .system .cont .div1{
    width: 100%;
    margin-bottom:6%;
    padding: 0 2%;
  }
  .system .cont{
    flex-wrap: wrap;
  }
 .design{
    display: flex;
    flex-wrap: wrap;
    padding: 0 2%;
  }
  .design img{
    width: 90%;
    margin: 0 auto;
    order: 1;
    margin-top: 4%;
  }
   .design .container{
    width: 100%;
    order:0;
    flex-wrap: wrap;
    padding: 0;
  }
  .design .right{
    width: 100%;
    padding-top: 20px;
    height: auto;
  }
  .product .case .cont{
    display: none;
  }
  .product .case #case-swiper{
    display: block;
    padding-bottom: 48px;
  }
  .product .case #case-swiper a{
    font-size: 0;
    display: block;
    width: 88%;
    margin: 0 auto;
  }
  .product .case #case-swiper .swiper-pagination-bullet{
    background: transparent;
    border: 1px solid #83807d;
    opacity: 1;
  }
  .product .case #case-swiper .swiper-pagination-bullet-active{
    background: #0068b6;
    border: 1px solid #0068b6;
  }
  .product .case{
    margin-bottom: 60px;
  }
}

/* 产品演示 */
.show-banner{
  position: relative;
  font-size: 0;
  margin-top: 98px;
}
.show-banner .div1{
  font-size: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  text-align: center;
  font-size: 0;
}
.show-banner .div1 .p1{
  font-size: 48px;
  color: #fff;
  width: 100%;
  margin-bottom: 1%;
}
.show-banner .div1 .p2{
  font-size: 24px;
  color: #fff;
  width: 56%;
  margin: 0 auto;
  line-height: 42px;
}
.flight .flight-banner .div1 .p2{
font-size: 18px;
line-height: 32px;
}
/* 产品演示 */
.proshow{}
.show-banner img{
  width: 100%;
}
.daohan{
 
}
.daohan p{
  font-size: 14px;
  height: 60px;
  line-height: 60px;
}
.daohan p a{
  color: #2b2b2b;
}
.daohan p a:nth-child(1){
  color: #999;
}
.daohan1{
  background: #f1f1f1;
}
.daohan1 .cont{
  display: flex;
  justify-content: space-between;
}
.daohan1 .cont .right{
 
  font-size: 18px;
  color: #333333;
  display: flex;
  width: 35%;
  justify-content:space-around;
}
.daohan1 .cont .right a{
  line-height: 60px;
  white-space: nowrap;
}
.daohan1 .cont .right a+a{
  margin-left: 4%;
}
.daohan1 .cont .right a.link{
  color: #1798ff;
  position: relative;
}
.daohan1 .cont .right a.link::after{
  position: absolute;
  background: #1798ff;
  content:' ';
  width: 100%;
  height: 1px;
  bottom: -1%;
  left: 0;
}

.daohan2 .cont{
  display: flex;
  justify-content: space-between;
}
.daohan2 .cont .right{
  font-size: 18px;
  color: #333333;
  display: flex;
  width: 35%;
  justify-content:space-around;
}
.daohan2 .right .div1{
  width: 50%;
  font-size: 16px;
  color: #333333;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  white-space: nowrap;
}

.daohan2 .cont .right{
  width: 60%;
}
.daohan2 .cont .right1{
  width: 42%;
}
.daohan2 .right select{
  width:180px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  padding: 0 6px;
  padding-right: 5%;
  background: url(../img/yj.png) no-repeat #fff 98% center;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  vertical-align: text-top;
  margin-left: 16px;
  color: #999999;
}

@media screen and (max-width: 1080px) and (min-width: 0px) {
  .daohan1 .cont .right a{
    font-size: 10px;
  }
  .daohan1 .cont .right{
    width: 54%;
  }
}
@media screen and (max-width: 900px) and (min-width: 0px) {

  .daohan p{
    font-size: 12px;
  }
  .daohan1{
    height: auto;
  }
  .daohan1 .cont{
    flex-wrap: wrap;
  }
  .daohan1 p{
    width: 100%;
  }
  .daohan1 .cont .right{
    width: 100%;
  }
  .daohan2{
    height: auto;
  }
  /* .daohan2 .cont{
    flex-wrap: wrap;
  } */
  .daohan2 p{
    width: 100%;
  }
  .daohan2 .cont .right{
    width: 100%;
  }
  .show-banner{
    /* margin-top: 40px; */
  }
}
.proshow .cont{
 margin-top: 2%;
}
.proshow .cont .name{
  font-size: 36px;
  color: #333333;
  text-align: center;
  font-weight: initial;
  margin-bottom: 1%;
}
.proshow .cont  .p1{
  font-size: 18px;
  color: #666666;
  text-align: center;
 
}
.proshow .cont  .p1 span{
  color: #c01f20;
}
.proshow .cont  .form{
  width: 80%;
  margin: 0 auto;
  margin-top:5%;

}
.proshow .cont  .form ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.proshow .cont  .form ul li{
  width: 48%;
}
.proshow .cont  .form ul li .formname{
  font-size: 18px;
  color:#333;
  padding: 1% 0;
}
.proshow .cont  .form ul li .formname span{
  color: #c01f20;

}
.proshow .cont  .form ul li input{
  width: 100%;
  height: 40px;
  border: 1px solid #d9d9d9;
  padding: 0 16px;
  font-size: 14px;
  color: #666666;
  border-radius: 5px;
}
.proshow .cont  .form ul li.contry{
  width: 100%;
}
.proshow .cont  .form ul li.contry input{
  width: 48%;
  font-family: Arial;
}
.proshow .cont  .form ul li.contry input::-webkit-input-placeholder {
  font-size: 14px;
  color: #666666;
  font-family: Arial;
}
.proshow .cont  .form ul li.contry input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  font-size: 14px;
  font-family: Arial;
  color: #666666;
}

.proshow .cont  .form ul li.contry input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #666666;
  font-size: 14px;
  font-family: Arial;

}
.proshow .cont  .form ul li{
  margin-top: 2%;
}
.proshow .cont  .form ul li select {
  width: 100%;
  height: 40px;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  padding: 0 16px;
  padding-right: 5%;
  background: url(../img/yj.png) no-repeat 98% center;
  font-size: 14px;
  color: #666666;
}

.proshow .cont  .form ul li select::-ms-expand { display: none; }
.proshow .cont  .form ul li select:focus{
  outline:none
}
.proshow .cont  .form ul li.des{
  width: 100%;
}
.proshow .cont .form ul li textarea{
  width: 100%;
  height: 214px;
  padding: 16px;
  border: 1px solid #d9d9d9;
  line-height: 20px;
  border-radius: 5px;
  font-family: Arial;
}
.proshow .cont  .form ul li textarea::-webkit-input-placeholder {
  font-size: 14px;
  color: #666666;
  font-family: Arial;
}
.proshow .cont .form ul li textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  font-size: 14px;
  color: #666666;
  font-family: Arial;
}

.proshow .cont .form ul li textarea:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #666666;
  font-size: 14px;
  font-family: Arial;
}
.proshow .cont .btn{
  background: #1798ff;
  border: 1px solid #1798ff;
  color: #fff;
  margin: 0;
  margin-top: 6%;
  margin-bottom: 10%;
  cursor: pointer;
}
@media screen and (max-width: 900px) and (min-width: 0px) {
  .show-banner .div1 .p1{
    font-size: 18px;
    margin-bottom: 10px;
  }
  .about-banner .div1 .p1{
    width: 300px;
    margin: 0 auto;
  }
  .show-banner img{
    /* height: 250px; */
  }
  .flight .show-banner img{
    height: auto;
  }
  .flight .show-banner p{
    line-height: 24px;
  }
  .show-banner .div1 .p2{
    font-size: 12px;
    padding: 0 2%;
    width: auto;
  }
  .flight .flight-banner .div1 .p2{
    font-size: 12px;
  }
  .download-banner .div1 .p2{
    width: 100%;
  }
  .proshow .cont .name{
    font-size: 18px;
  }
  .proshow .cont .form{
    width: 100%;
    padding: 0 2%;
  }
  .proshow .cont .p1{
    font-size: 14px;
  }
  .proshow .cont .form ul li .formname{
    font-size: 14px;
  }
  .proshow .cont .form ul li{
    margin-bottom: 10px;
  }
  .proshow .cont{
    margin-top: 30px;
  }
  .proshow .cont .form ul li,.proshow .cont .form ul li.contry input{
    width: 100%;
  }
  .proshow .cont .btn{
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 40px;
  }
}
/* 工程服务 */
.serve-banner .div1 .p2{
  width: 40%;
}
.serve .cont {
  margin-bottom: 4%;
}
.fixname{
  font-size: 36px;
  color: #333333;
  text-align: center;
  font-weight: initial;
  margin-top: 2%;
}
.serve .cont .item{
  /* width: 40%; */
  width: 604px;
  margin: 0 auto;
  border-bottom: 1px solid #cccccc;
  display: flex;
  justify-content: space-between;
  margin-top:3%;
  margin-bottom: 4%;
}
.serve .cont .item .link{
  font-size: 24px;
  color: #333333;
  padding-bottom: 10px;
  cursor: pointer;
}
.serve .cont .item .link.active{
  color: #1798ff;
  position: relative;
}
.serve .cont .item .link.active::after{
  content: ' ';
  height: 2px;
  background:#1798ff;
  width: 100%; 
  position: absolute;
  left: 0;
  bottom: -1px;
}
.serve .cont .item .link + .link{
  margin-left: 2%;
}
.serve .cont  .switch{
  width: 80%;
  margin: 0 auto;
}
.serve .cont  .switch .div1 .p1{
  font-size: 24px;
  color: #333333;
  margin-bottom: 1%;
}
.serve .cont  .switch .div1 .p2{
  font-size: 18px;
  color: #333333;
}
.serve .cont  .switch .div1 .list{
  font-size: 18px;
  color: #333333;
  line-height: 30px;
  margin: 2% 0;
}
.serve .cont  .switch .div2 .p1{
  font-size: 24px;
  color: #333333;
  margin-bottom: 1%;

}
.serve .cont  .switch .div2 img{
  display:block;
  margin: 0 auto;
}
.serve  .serve-next,
.serve  .serve-prev{
  background: #f2f2f2;
  width: 50px;
  height: 90px;
  top: 40%;
}
.serve  .serve-next::after,
.serve  .serve-prev::after{
   font-size: 20px;
   color: #cccccc;
}
.cover {
  position: relative;
  font-size: 0;
  background: #0068b6;
  padding: 4% 0;
}
.cover .img1{
  width: 100%;
}
.cover .fixname{
  /* position: absolute;
 
  top: 4%; */
  width: 100%;
  margin-top: 0;
  text-align: center;
  color: #fff;
  margin-bottom: 4%;
}


 .map {
  position: relative;
  width: 50%;
  /* max-width: 621px; */
}
.map img{
  width: 100%;
}
.map ul.ul{
  height: 100%;
  width: 100%;
}
.map ul.ul li{position:absolute;left:0;top:0;width:6px;height:6px;border-radius:6px;background:#24deab;}
.map ul.ul li .i{position:absolute;display:block;width:100%;height:100%;border-radius:40px;border:1px solid #24deab;animation:mydh 2s infinite;-moz-animation:mydh 2s infinite;-webkit-animation:mydh 2s infinite;-o-animation:mydh 2s infinite;}
.map ul.ul li .i2{animation-delay:0.8s;-webkit-animation-delay:0.8s;}

.map ul.ul li.li31{    left: 67%;
  top: 69.6%;}
.map ul.ul li.li32{    left: 67%;
  top: 47.6%;}
.map ul.ul li.li33{left:37.3%;top:56.6%;}
.map ul.ul li.li34{    left: 76.1%;
  top: 29%;}
.map ul.ul li.li35{left:50%;top:49%;}
.map ul.ul li.li36{    left: 62.2%;
  top: 58.8%;}
.map ul.ul li.li37{    left: 73.2%;
    top: 75.8%;}
.map ul.ul li.li38{left:63%;top:40.2%;}
.map ul.ul li.li39{left:76.1%;top:58%;}
.map ul.ul li.li40{left: 65.7%;
     top: 86%;}    

.map ul.ul li.li01{left:22%;top:40.6%;}
 .map ul.ul li.li02{left:39%;top:42.6%;}
 .map ul.ul li.li03{left:37.3%;top:56.6%;}
 .map ul.ul li.li04{left:30.1%;top:66.8%;}
 .map ul.ul li.li05{left:50%;top:49%;}
 .map ul.ul li.li06{left:53.2%;top:50.8%;}
 .map ul.ul li.li07{left:56.2%;top:51.8%;}
 .map ul.ul li.li08{left:59.1%;top:45.1%;}
 .map ul.ul li.li09{left:45.7%;top:65.8%;}
 .map ul.ul li.li10{left:54.9%;top:67.1%;}
.map ul.ul li.li11{left:45.1%;top:82.7%;}
.map ul.ul li.li12{left:54.1%;top:74.8%;}
.map ul.ul li.li13{left:76.8%;top:15.7%;}
.map ul.ul li.li14{left:78.3%;top:24.6%;}
.map ul.ul li.li15{left:66%;top:26.2%;}
.map ul.ul li.li16{left:75%;top:31.5%;}
.map ul.ul li.li17{left:65.2%;top:36.8%;}
.map ul.ul li.li18{left:70.5%;top:46.5%;}
.map ul.ul li.li19{left:63.5%;top:54.9%;}
.map ul.ul li.li20{left:73.3%;top:53%;}
.map ul.ul li.li21{left:70.3%;top:59.7%;}
.map ul.ul li.li22{left:61.6%;top:62.1%;}
.map ul.ul li.li23{left:62%;top:70.5%;}
.map ul.ul li.li24{left:68.5%;top:71.1%;}
.map ul.ul li.li25{left:75.7%;top:65.4%;}
.map ul.ul li.li26{left:73.9%;top:73.3%;}
.map ul.ul li.li27{left:58.4%;top:82.6%;}
.map ul.ul li.li28{left:67%;top:40.2%;}
.map ul.ul li.li29{left:76.1%;top:58%;}
 .map ul.ul li.li30{left:66.7%;top:84%;}


 @keyframes mydh{
  25%{opacity:0.5;}
  50%{opacity:0.5;}
  90%{opacity:0;}
  100%{-webkit-transform:scale(8);-ms-transform:scale(8);-o-transform:scale(8);transform:scale(8);opacity:0;}
}
@-moz-keyframes mydh{
  25%{opacity:0.5;}
  50%{opacity:0.5;}
  90%{opacity:0;}
  100%{-webkit-transform:scale(8);-ms-transform:scale(8);-o-transform:scale(8);transform:scale(8);opacity:0;}
}
@-webkit-keyframes mydh{
  25%{opacity:0.5;}
  50%{opacity:0.5;}
  90%{opacity:0;}
  100%{-webkit-transform:scale(8);-ms-transform:scale(8);-o-transform:scale(8);transform:scale(8);opacity:0;}
}
@-o-keyframes mydh{
  25%{opacity:0.5;}
  50%{opacity:0.5;}
  90%{opacity:0;}
  100%{-webkit-transform:scale(8);-ms-transform:scale(8);-o-transform:scale(8);transform:scale(8);opacity:0;}
}
.cover .cover-cont{
  /* position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; */
}
.cover .cover-cont .container{
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.cover .cover-cont .div1{
  margin-right: 2%;
}
.cover .cover-cont .p1{
  font-size: 40px;
  color: #fff;
}
.cover .cover-cont .p2{
  font-size: 18px;
  color: #fff;
  margin-top: 2%;
}
@media (max-width: 1200px){
  .cover .cover-cont .p1{
    font-size: 20px;
  }
  .cover .cover-cont .p2{
    font-size: 14px;
  }
}
@media screen and (max-width: 900px) and (min-width: 0px) {
 .serve{
   margin-top: 30px;
 }
  .serve-banner .div1 .p2{
    width: 77%;
  }
  .fixname{
    font-size: 22px;
  }
  .serve .cont .item .link{
    font-size: 12px;
  }
  .serve .cont .item{
    width: 86%;
    margin-top: 20px;
  }
  .serve .cont .switch .div2 .p1{
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .serve .cont .switch{
    width: 86%;
  }
  .serve .cont .switch .div1 .p1,
  .serve .cont .switch .div2 .p1{
    font-size: 14px;
  }
  .serve .cont .switch .div1 .p2{
    font-size: 12px;
  }
  .serve .cont .switch .div1 .list{
    font-size: 12px;
  }
  .serve .cont .switch .div2 img{
    width: 100%;
  }
  .serve .serve-next, .serve .serve-prev{
    width: 20px;
    height: 40px;
    display: none;
  }
  .serve .serve-next{
    right: 0;
  }
  .serve .serve-prev{
    left: 0;
  }
  .serve .serve-next::after, .serve .serve-prev::after{
    font-size: 12px;
  }

  .cover .cover-cont .p2{
    font-size: 12px;
  }
  .cover{
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) and (min-width: 0) {
  .cover .cover-cont .container{   
    justify-content: center;
  }
  .cover .cover-cont .div1{
    margin-right: 0;
  }
  .cover .cover-cont .div1{
    order: 0;
    width: 100%;
    margin-bottom: 4%;
  }
  .map{
    width: 100%;
    order: 1;
  }
  .cover .cover-cont .container{
    flex-wrap: wrap;
  }
}
/* 联合开发 */
.exploit-banner .div1 .p2{
  width: 100%;
}
.exploit{
  margin-bottom: 10%;
}
.exploit .joint{
  width: 90%;
  margin: 0 auto;
  margin-top: 4%;
  margin-bottom: 8%;
}
.exploit .joint a{
  width: 100%;
  display: flex;
  background: #f2f2f2;
  margin-bottom: 4%;
}
.exploit .joint a .div-img {
  /* width: 60%; */
  overflow: hidden;
  width: 55%;
  font-size: 0;

}
.exploit .joint a .div-img img{
  width: 100%;
  transition: all 0.6s;
  -ms-transition: all 0.8s;
}
.exploit .joint a .div-img:hover img{
  transform: scale(1.1); 
}

.exploit .joint a .right{
  width: 45%;
  height: 100%;
  padding: 32px;
}
.exploit .joint a .right .p1{
  font-size: 24px;
  color: #333333;
  margin-bottom:32px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.exploit .joint a .right .p2{
  font-size: 18px;
  color: #666666;
  line-height: 32px;
}
.exploit .scheme .sch-cont{
  display: flex;
  margin-top: 8%;
}
.exploit .scheme .sch-cont .div1{
  width: 33.3%;
  text-align: center;
}
.exploit .scheme .sch-cont .div1 .p1{
  font-size: 28px;
  color: #333333;
  margin-top: 8%;
  margin-bottom: 4%;
}
.exploit .scheme .sch-cont .div1 .p2{
  font-size: 18px;
  color: #666666;
}
@media screen and (max-width: 900px) and (min-width: 0px) {
  .exploit{
    margin-top: 30px;
  }
  .exploit .joint{
    width: 100%;
    margin-top: 30px;
    padding: 0 2%;
  }
  .exploit .scheme .sch-cont{
    flex-wrap: wrap;
    justify-content: center;
  }
  .exploit .scheme .sch-cont .div1{
    width: 60%;
    margin-bottom: 40px;
  }
  .exploit .joint a{
    flex-wrap: wrap;
  }
  .exploit .joint a  .div-img{
    width: 100%;
  }
  .exploit .joint a .right{
    width: 100%;
  }
  .exploit .joint a .right .p1{
    font-size: 14px;
  }
  .exploit .joint a .right .p2{
    font-size: 12px;
  }
  .exploit .scheme .sch-cont .div1 .p1{
    font-size: 15px;
  }
  .exploit .scheme .sch-cont .div1 .p2{
    font-size: 12px;
  }
  .exploit .scheme .sch-cont .div1 img{
    width: 60px;
  }
  .exploit-banner .div1 .p2{
    width: 80%;
  }
}
/* 售后服务 */
.afterSale-banner .div1 .p2{
  width: 55%;
  margin: 0 auto;
}
.afterSale{}
.afterSale .cont{
  width: 90%;
  margin: 0 auto;
}
.afterSale .cont .p1{
  font-size: 18px;
  color: #666666;
  width: 92%;
  margin: 0 auto;
  text-align: center;
  margin-top: 6%;
  line-height: 32px;
}
.afterSale .cont .div-img{
  display: flex;
  justify-content: space-between;
  margin-top: 6%;
  margin-bottom: 8%;
}
.afterSale .cont .div-img div{
  width: 32%;
  font-size: 0;
}
.afterSale .cont .div-img div img{
  width: 100%;
}
.afterSale .cont .div-img div p{
  font-size: 24px;
  color: #333333;
  text-align: center;
  margin-top: 2%;
  /*  */
}
.afterSale .cont .div-center{
  margin-top: 8%;
  margin-bottom: 10%;
}
.afterSale .cont .div-center ul{
  display: flex;
  justify-content: center;
}
.afterSale .cont .div-center ul li{
  /* width: 30%; */
}
.afterSale .cont .div-center ul li:nth-child(1){
  padding-right: 6%;
}
.afterSale .cont .div-center ul li:nth-child(2){
  padding: 0 5%;
  /* width:40%; */
  /* padding: 0 4.5%; */
}
.afterSale .cont .div-center ul li:nth-child(3){
  width: 30%;
  padding-left: 6%;
}
.afterSale .cont .div-center ul li+li{
  border-left: 1px solid #dddddd;
}
.afterSale .cont .div-center ul li .div1{
 line-height: 24px;
 margin-bottom: 22px;
}
.afterSale .cont .div-center ul li .div1 .hb{
 font-size: 18px;
 margin-bottom: 8px;
 color: #333333;
}
.afterSale .cont .div-center ul li .div1 p{
  font-size: 18px;
  color: #666666;
  line-height: 32px;
}
.afterSale .cont .div-center ul li a{
   margin: 0 ;
   width: auto;
   padding: 0 4px;
   display: inline-block;
}
@media screen and (max-width: 900px) and (min-width: 0px) {
  .afterSale .cont .div-img{
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 30px;
  }
  .afterSale .cont .div-img div{
    width: 60%;
    margin-bottom: 30px;
  }
  .afterSale .cont .p1{
    font-size: 13px;
  }
  .afterSale .cont .div-img div p{
    font-size: 14px;
  }
  .afterSale-banner .div1 .p2{
    width: 90%;
  }
  .afterSale .cont{
    width: 100%;
    margin-top: 30px;
  }

  .afterSale .cont .div-center ul li .div1 .hb{
    font-size: 14px;
  }
  .afterSale .cont .div-center ul li .div1 p{
    font-size: 14px;
    line-height: 23px;
  }
  .afterSale .cont .div-center ul li{
    width: 100%;
    margin-bottom: 8%;
    margin-left: 20px;
  }
  .afterSale .cont .div-center ul li:nth-child(2){
    padding: 0 1%;
    width: 100%;
  }
  .afterSale .cont .div-center ul li:nth-child(3){
    padding:0 1% ;
    width: 100%;
  }
  .afterSale .cont .div-center ul{
    flex-wrap: wrap;
  }
  .afterSale .cont .div-center ul li .div1{
    margin-bottom: 2%;
  }
  .afterSale .cont .div-center ul li a{
    font-size: 12px;
    height: 30px;
    line-height: 30px;
  }
  .afterSale .cont .div-center ul li+li{
    border-left: none;
  }
}
/* 培训服务 */
.training-banner  .div1 .p2{
  width: 100%;
}
.training{}
.training .cont{
  margin-bottom: 6%;
}
.training .cont .model{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 4%;
  margin-bottom: 4%;

}
.training .cont .model .div1{
  width:23%;
}
.training .cont .model .div1 img{
  width: 100%;
}
.training .cont .model .div1 .p1{
  text-align: center;
  font-size: 24px;
  color: #333333;
  margin:12px 0;
}
.training .cont .model .div1 .p2{
  font-size: 16px;
  color: #666666;
  text-align: center;
  line-height: 26px;

}
.training .cont .model .div1:nth-child(1) .p2,
.training .cont .model .div1:nth-child(2) .p2{
  padding: 0 3%;
}
.training #training-swiper{
  margin-top: 4%;
  padding-bottom: 2%;
}
.training #training-swiper .swiper-slide img{
  width: 100%;
}
.training  #training-swiper .swiper-slide {
  /* width:811px; */
  width:55%;
}

.training  #training-swiper .p1{
  font-size: 24px;
  color: #666666;
  text-align: center;
  margin: 1% 0;
}
.training  #training-swiper .training-pagination .swiper-pagination-bullet{
  width: 2%;
  height: 2px;
  border-radius: initial;
}
.training  #training-swiper .training-pagination .swiper-pagination-bullet-active{
  background: #262626;
}
.training  #training-swiper .training-prev{
  background-color: rgba(000, 000, 000, 0.3);
  left: 0;
  top: 40%;
  height:112px ;
  width: 42px;
}
.training  #training-swiper .training-prev::after{
  color: #fff;
  font-size: 20px;
}
.training  #training-swiper .training-next{
  background-color: rgba(000, 000, 000, 0.3);
  right: 0;
  top: 40%;
  height:112px ;
  width: 42px;
}
.training  #training-swiper .training-next::after{
  color: #fff;
  font-size: 20px;
}
.training  #training-swiper .training-pagination{
  bottom: 0;
}
.training .example{
  margin-bottom: 4%;
}
.training .example .title .pactive{
  display: none;
}
:focus{
  outline:none;
}
.training .class{
  width: 90%;
  margin: 0 auto;
  margin-top: 4%;
  margin-bottom: 8%;
}
.training .class .div1{
  width: 100%;
  display: flex;
  background: #f2f2f2;
  margin-bottom: 4%;
}
.training .class .div1 .div-img{
  width: 55%;
  transition: all 0.6s;
  -ms-transition: all 0.8s;
  overflow: hidden;
}
.training .class .div1 .div-img:hover img{
  transform: scale(1.1); 
}
.training .class .div1 img{
  width: 100%;
  height: 100%;
}
.training .class .div1  .right{
  width: 45%;
  padding: 32px;
}
.training .class .div1  .right .p1{
  font-size: 24px;
  color: #333333;
  margin-bottom: 32px;
}
.training .class .div1  .right .p2{
  font-size: 18px;
  color: #666666;
  
}
@media screen and (max-width: 900px) and (min-width: 0px) {
  .training .cont .model{
    justify-content: center;
  }
  .training .cont .model .div1{
    width:60%;
    margin-bottom:30px;
  }
  .training .cont .model .div1 .p1{
    font-size: 14px;
    margin: 14px 0;
  }
  .training .cont .model .div1 .p2{
    font-size: 12px;
    padding: 0;
  }
  .training .cont .model .div1:nth-child(1) .p2, 
  .training .cont .model .div1:nth-child(2) .p2{
    padding: 0;
  }
  .training .class .div1 .right .p1{
    font-size: 14px;
  }
  .training .class .div1 .right .p2{
    font-size: 12px;
  }
  .training #training-swiper .p1{
    font-size: 18px;
  }
  .training .class{
    width: 100%;
    padding: 0 2%;
  }
  .training{
    margin-top: 36px;
  }
  .training .cont .model{
    margin-top: 36px;
  }
}
@media screen and (max-width: 767px) and (min-width: 0px) {
  .training #training-swiper .training-next,
  .training #training-swiper .training-prev{
    width: 20px;
    height: 40px;
    display: none;
  }
  .training #training-swiper .swiper-slide{
    width: 300px;
  }
  .training .class .div1{
    flex-wrap: wrap;
    margin-bottom: 20px
  }
  .training .class .div1 .div-img,.training .class .div1 .right{
    width: 100%;
  }
  .training .class .div1 .right{
    padding: 20px;
  }
  .training .class .div1 .right .p1{
    margin-bottom: 10px;
  }
}
/* 客户认证 */
.certify{}
.certify .aim{
  display: flex;
  width: 90%;
  justify-content: space-between;
  margin: 0 auto;
  margin-top: 4%;
  margin-bottom: 8%;
}
.certify .aim .div1{
  width: 47%;
  
}
.certify .aim .div1 img{
  width: 100%;
}
.certify .aim .div1 p{
  font-size: 24px;
  color: #333333;
  margin-top:4%;
  padding-right: 5%;
  line-height: 42px;
}
@media screen and (max-width: 900px) and (min-width: 0px) {
  .certify{
    padding: 0 2%;
  }
  .certify .aim{
    width: 100%;
 
  }
  .certify .aim .div1 p{
    font-size: 16px;
    padding: 0 2%;
    line-height: 30px;
  }
  .certify .aim .div1{
    margin-bottom: 30px;
  }
  .certify .aim{
    flex-wrap: wrap;
  }
  .certify .aim .div1{
    width: 100%;
  }
  .certify,.certify .aim{
    margin-top: 30px;
  }
}
/* 下载中心 */
.download{
  margin-top: 4%;
  margin-bottom: 8%;
}
.download .cont{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 4%;
}
.download .cont>div{
  width: 23%;
  font-size: 0;
  margin-right: 2.66%;
  margin-bottom: 2.66%;
}
.download .cont div img{
  width: 100%;
}
.download .cont div:nth-child(4n){
  margin-right:0
}
.download .cont div .p1{
  font-size: 18px;
  color: #333333;
  margin: 4% 0;
}
.download .cont div .div1{
  font-size: 14px;
  color: #1798ff;
  cursor: pointer;
}
@media screen and (max-width: 900px) and (min-width: 0px) {
  .download .cont div .p1{
    font-size: 14px;
  }
  .download .cont div .div1{
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) and (min-width: 0px) {
  .download .cont>div{
    width: 48%;
  }
  .download .cont>div{
    margin-right: 0;
  }
  .download .cont{
    justify-content: space-between;
    padding: 0 4%;
  }
  .pagination{
    font-size: 14px;
  }
  .pagination .el-pager li,
  .pagination .btn-next,
  .pagination .btn-prev{
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}
/* 关于我们 */
.about .company .p1{
  font-size: 28px;
  color:#333333 ;
  margin-top: 1%;
}
.about .company .div1{
  display: flex;
  justify-content: space-between;
  margin-top: 3%;
}
.about .company .div1 .left{
  width:38%;
  font-size: 18px;
  overflow-y: auto;
  height: 400px;
  order:0;

}
.about .company .div1 .left p{
  margin-bottom: 4%;
  color: #666666;
  line-height: 30px;
  padding-right: 5px;
}
.about .company .div1 img{
  width: 58%;
  height: 400px;
  order:1;

}
/*滚动条样式*/
.about .company .div1 .left::-webkit-scrollbar {/*滚动条整体样式*/
  width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
  height: 4px;
}
.about .company .div1 .left::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px #d8d8d8;
  background: rgba(0,0,0,0.2);
}
.about .company .div1 .left::-webkit-scrollbar-track {/*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px #d8d8d8;
  border-radius: 0;
  background: rgba(0,0,0,0.1);
}
.about .company{
  margin-bottom: 6%;
}
.about .team{
  background: #f1f1f1;
  margin-top: 2%;
  padding-bottom: 4%;
}
.about .team .item{
  display: flex;
  width: 584px;
  margin: 0 auto;
  justify-content: space-between;
  border-bottom: 1px solid #cecece;
  padding-top: 2%;
  margin-left: 37%;
}

.about .team .item .item-link{
  font-size: 24px;
  color: #333333;
  position: relative;
  padding-bottom: 10px;
  cursor: pointer;
}
.about .team .item .item-link.active::after{
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: #1798ff;
  left: 0;
  bottom: 0;
}
.about .team .item .item-link.active{
  color: #1798ff;
}
.about .team  .team-content{
  width: 100%;
  margin-top: 2%;
}
.about .slide-item{
  width:84.82%;
  margin: 0 auto;
}
.about .slide-item img{
  width: 30%;
  /* height: 300px; */
  float: left;
}
.about .slide-item .right{
  width: 65%;
  float: right;
  padding-right: 2%;
  line-height: 28px;
}
.about .slide-item .right .intro{
  line-height: 36px;
}
.about .slide-item .right .intro .name{
  font-size: 18px;
  color: #666666;
  font-weight: bold;
  margin-top: 1%;

}
.about .slide-item .right .intro .p1{
  font-size: 18px;
  color: #666666;
}
.about .slide-item .right .detail p{
  font-size: 18px;
  color: #666666;
  margin-top: 2%;
  line-height: 30px;
}
.team-content .swiper-button-prev{
  left: 4%;
}

.team-content  .swiper-button-next{
  right: 4%;
}
#ceo-swiper .ceo-next,
#ceo-swiper .ceo-prev{
  background: #e8e8e8;
  width: calc(var(--swiper-navigation-size)/1.5);
}
#ceo-swiper .ceo-next::after,
#ceo-swiper .ceo-prev::after{
  font-size: 14px;
  color: #bababa;
}
#winer-swiper .winer-next,
#winer-swiper .winer-prev{
  background: #e8e8e8;
  width: calc(var(--swiper-navigation-size)/1.5);
}
#winer-swiper .winer-next::after,
#winer-swiper .winer-prev::after{
  font-size: 14px;
  color: #bababa;
}
#shili-swiper .shili-next,
#shili-swiper .shili-prev{
  background: #e8e8e8;
  width: calc(var(--swiper-navigation-size)/1.5);
}
#shili-swiper .shili-next::after,
#shili-swiper .shili-prev::after{
  font-size: 14px;
  color: #bababa;
}
#winer-swiper,#shili-swiper{
  display: none;
}

.about  .culture{
  position: relative;
  font-size: 0;
}
.about  .culture .cont{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.about .culture .img1{
  width: 100%;
  /* height: 517px; */
}
.about .culture ul{
  width: 100%;
  display: flex;
  justify-content: space-around;
  margin-top: 145px;
}
.about .culture  .cont .div1{
  /* height: 100%; */

}
.about .culture .cont ul li{
  text-align: center;
  width: 23%;
}
.about .culture .cont ul li p{
  font-size: 28px;
  color: #fff;
  line-height: 38px;
  font-weight: 100 !important;
}
.about  .culture  .cont ul li .p1{
  font-size: 20px;
  margin-top: 20px;
}
.about  .culture  .cont ul li img{
  margin-bottom: 16px;
  width: 100px;

}
.about  .culture  .cont .fixname{
  width: 100%;
  color: #fff;
  margin-top: 40px;
}
.about .develop{
  font-size: 0;
}
.about .develop .img1{
  width:100%;
}
.about .develop {
  position: relative;
}
.about .develop .cont{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.about .develop .cont .fixname{
  color: #fff;
  margin-top: 3%;
  margin-bottom: 6%;
}
.about .develop .div1{
  /* width: 70%;
  margin: 0 auto; */
  /* height: 100%;  */
}
.about .develop .time{
  display: flex;
  align-items: center;
  width: 80%;
  margin: 0 auto;


}
.about .develop #time-swiper{
 /* height: 262px; */
 padding-bottom: 12%
}
.about .develop .year{
  font-size: 72px;
  height: 72px;
  line-height: 72px;
  color: #fff;
  margin-right: 2%;
}
.about .develop .nei p{
  font-size: 18px;
  color: #bce8ff;
}
.about .develop  .time-item{
  /* margin-top: 4%; */
  position: absolute;
  width: 100%;
  bottom: 0;
}
.about .develop  .time-item ul{
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
.about .develop  .time-item ul li{
   float: left;
   position: relative;
   width: 20%;
   /* width: 20%; */
   /* padding: 0 5%; */
}
.about .develop  .time-item ul li::after{
  content: ' ';
  position: absolute;
  width: 100%;
  background: #1fb4ff;
  height: 1px;
  bottom: 44px;
  left: 0;
}
.about .develop  .time-item ul li span{
  width: 25px;
  display: block;
  height: 76px;
  background: url(../img/act1.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  z-index:999;
  position: relative;
}
.about .develop  .time-item ul li p{
  width: 100%;
  font-size: 24px;
  color: #3ebeff;
  text-align: center;
}
.about .develop  .time-item ul li.link span{
  background: url(../img/act.png) no-repeat;
  background-size: 100% 100%;
}
.about .develop  .time-item ul li.link p{
  color: #fff;
}
.about .develop .time-next,
.about .develop .time-prev{
  top:auto;
  bottom: 12%;
  width: auto;
  height: auto;
}
.about .develop .time-next::after,
.about .develop .time-prev::after{
  font-size: 24px;
  color: #4f91c2;
}
@media screen and (max-width: 1300px) and (min-width: 0px) {
  .about .culture .cont ul li img{
    width: 90px;
  }
  .about .culture ul{
    margin-top: 3%;
  }
  .about .develop .img1{
    height: 400px;
  }
  .about .develop .time-item ul li span{
    /* height: 60px; */
  }
}
@media screen and (max-width: 900px) and (min-width: 0px) {
  .about .company .p1{
    font-size: 18px;
  }
  .about .company .div1 img{
    height: 300px;
  }
  .about .team .item .item-link{
    font-size: 14px;
  }
  .about .team .item{
    width:404px;
    margin-left:0;
    margin: 0 auto;
  }
  .about .slide-item .right .intro .name{
    font-size: 14px;
  }
  .about .slide-item .right .intro .p1{
    font-size: 14px;
  }
  .about .company .div1 .left p{
    font-size: 14px;
  }
  .about .slide-item .right .detail p{
    font-size: 14px;
    line-height: 22px;
  }
  .about .culture .cont ul li .p1{
    font-size: 12px;
    margin-top: 0;
  }
  .about .culture .cont ul li p{
    font-size: 13px;
    line-height: 28px;
  }
  .about .culture .cont ul li img{
    width: 70px;
  }
  .about .develop .year{
    font-size: 36px;
    height: 36px;
    line-height: 36px;
  }
  .about .develop .nei p{
    font-size: 14px;
  }
  .about .develop #time-swiper{
    padding-bottom: 18%;
  }
  .about .develop .time-item ul li p{
    /* font-size: 14px; */
  }
}
@media screen and (max-width: 767px) and (min-width: 0px) {
  .about .company .div1 .left{
    height: 300px;
  }
  .about .team .item{
    width: 328px;
    padding-top: 20px;
    margin-bottom: 20px;
  }
  .about .company .div1 .left{
    font-size: 14px;
    order:0;
    width: 100%;
    margin-bottom: 30px;
  }
  .about .company .div1 img{
    order:1;
    width: 100%;
    height: auto;
    margin-bottom: 2%;
    /* height: auto; */

  }
  .about .company{
    padding: 0 4%;
  }
  .about .team{
    margin-top: 20px;
  }
  .about .company .div1{
    flex-wrap: wrap;
  }
  .about .team .team-content{
    padding: 0;
  }
  #ceo-swiper .ceo-next{
    right: 0;
  }
  #ceo-swiper .ceo-prev{
    left: 0;
  }
  .about .slide-item .right{
    width: 100%;
    padding-right: 0;
  }
  .about .slide-item{
    /* width: 100%; */
  }
  .about .slide-item img {
    width: 70%;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
    height: auto;
    float: none;
  }
  .about .culture .cont ul li p{
    font-weight: 100;
  }
  .about .slide-item .right .intro{
    margin-bottom: 20px;
    line-height: 24px;
  }
  .about .culture ul{
    margin-top: 48px;
    flex-wrap: wrap;
  }

  .about .culture .cont ul li{
    width: 50%;
    margin-bottom: 22px;
  }
  .about .culture .img1{
    height: auto;  
  }
  .about .culture .cont .fixname{
    margin-top: 20px;
  }

  .about .develop .time-item{
    overflow-x: auto;
  }
  .about .develop .time-item ul{
    width: 100%;
    /* display: initial; */
  }
  .about .develop .time-item ul li{
    width: 40px;
  }
  .about .develop .time-item ul li::after{
    bottom: 24px;
  }
  .about .develop .time-item ul li p{
    font-size: 12px;
  }
  .about .develop .div1{
    padding: 0;
  }
  .about .develop .time-next::after, .about .develop .time-prev::after{
    font-size: 14px;
  }
  .about .develop .time-item ul li span{
    width: 18px;
    height: 50px;
  }
  .about .develop .time-next, .about .develop .time-prev{
    bottom: 8%;
  }
  .about .develop .img1 {
    height: 346px;
  }
  .about .company .p1{
    margin-top: 30px;
  }
  .about .company .div1{
    margin-top: 30px;
  }
  .about .team  .swiper-button-prev, .about .team .swiper-button-next{
    display: none;
  }
}
/* 联系我们 */
.concact .consults .p1{
  font-size: 18px;
  color: #666666;
  text-align: center;
  margin-top: 1%;
}
.concact .consults .div-center{
  width: 90%;
  margin: 0 auto;
  margin-top: 8%;
  margin-bottom: 10%;
}
.concact .consults .div-center ul{
  display: flex;
  justify-content: center;
}
.concact .consults .div-center ul li{
  /* width: 30%; */
}
.concact .consults  .div-center ul li:nth-child(1) {
  padding-right: 6%;
}
.concact .consults .div-center ul li:nth-child(2){
  padding: 0 5%;
}
.concact .consults .div-center ul li:nth-child(3){
  width: 30%;
  padding-left: 6%;
}
.concact .consults .div-center ul li+li{
  border-left: 1px solid #dddddd;
}
.concact .consults.div-center ul li .div1{
 line-height: 24px;
 margin-bottom: 8%;
}
.concact .consults .div-center ul li .div1 .hb{
 font-size: 18px;
 margin-bottom: 8px;
 color: #333333;
}
.concact .consults .div-center ul li .div1 p{
  font-size: 18px;
  color: #666666;
  line-height: 32px;
}
.concact .consults .div-center ul li a{
  margin: 0;
  width: 252px;
}
.concact .consults .div-center ul li .div1 {
  line-height: 24px;
  margin-bottom:22px;
}
.concact .support{
  background: #f2f2f2;
  padding: 2% 0;
  padding-bottom: 5%;
}
.concact .support .cont{
  display: flex;
  width: 72%;
  margin: 0 auto;
  justify-content: space-between;
  margin-top: 4%;
 
}

.concact .support .cont .div1{
  width:55%;
  display: flex;
  align-items: flex-start;
}
.concact .support .cont .div1:nth-child(1){
  width: 40%;
}
.concact .support .cont .div1 img{
}
.concact .support .cont .div1 .right {
  margin-left: 6%;
  line-height: 32px;
}
.concact .support .cont .div1 .right .p1{
  font-size: 18px;
  color: #666666;
  font-weight: bold;
}
.concact .support .cont .div1 .right .p2{
  font-size: 18px;
  color: #666666;
}
.concact .support .cont .div1 .right .btn{
 margin: 0;
 margin-top: 6%;
}
.concact .teamup{
  margin-top: 4%;
  margin-bottom: 4%;
}
.concact .teamup .p1{
  font-size: 18px;
  color: #666666;
  text-align: center;
  margin-top: 1%;

}
.concact .teamup .div1{
  width: 80%;
  margin: 0 auto;
  display: flex;
  background: #f2f2f2;
  margin-top: 4%;
}
.concact .teamup .div1 img{
  width: 48%;
}
.concact .teamup .div1 .right {
  width: 52%;
  padding: 4%;
}
.concact .teamup .div1 .right .name{
  font-size: 30px;
  color: #333333;
}
.concact .teamup .div1 .right .p2{
  font-size: 18px;
  color: #666666;
  margin-top: 3%;
  line-height: 32px;
}
.concact .teamup .div1 .right .btn{
  margin: 0;
  margin-top: 16%;
 }
 .concact  .adress .p1{
   font-size: 18px;
   color: #666666;
   text-align: center;
   margin-top: 1%;
 }
 .concact  .adress ul{
  width: 80%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 4%;
 }
 .concact  .adress ul li{
   width: 49%;
   border: 1px solid #cccccc;
   padding: 2%;
   margin-bottom: 2%;
 }
 .concact  .adress ul li .name{
   font-size: 18px;
   color: #666666;
   font-weight: bold;
 }
 .concact  .adress ul li .p2{
  font-size: 18px;
  color: #666666;
  margin-top: 2%;
 }
 .concact  .media .p1{
  font-size: 18px;
  color: #666666;
  text-align: center;
  margin-top: 1%;
}
.concact  .media .div1{
  width: 405px;
  margin: 5% auto;
  display: flex;
  justify-content: space-around;
}
.concact  .other{
  margin-bottom: 4%;
  /* margin-top: 4%; */
}
.concact  .other .p1{
  font-size: 18px;
  color: #666666;
  text-align: center;
  margin-top: 1%;
}
.concact  .other .div1{
  width: 798px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  margin-top: 4%;
}
.concact  .other .div1 a{
  width: 382px;
  display: flex;
  border: 1px solid #cccccc;
  padding: 4%;
}
.concact  .other .div1 .right{
  margin-left: 4%;
}
.concact  .other .div1 .right .p1{
  text-align: left;
  font-weight: bold;
  font-size: 18px;
  color: #666666;
}
.concact  .other .div1 .right .p2{
  font-size: 18px;
  color: #666666;
}
@media screen and (max-width: 900px) and (min-width: 0px) {
  .concact .consults .p1,
  .concact .teamup .p1,
  .concact .adress .p1,
  .concact .media .p1,
  .concact .other .p1{
    font-size: 14px;
  }
  .concact .support .cont{
    width: 100%;
  }
  .concact .support .cont .div1 .right .p1{
    font-size: 12px;
  }
  .concact .support .cont .div1 .right .p2{
    font-size: 12px;
  }
  /* .concact .consults .div-center ul li .div1 .hb{
    font-size: 12px;
  }
  .concact .consults .div-center ul li .div1 p{
    font-size: 12px;
  } */
  .concact .consults .div-center ul li .div1 .hb{
    font-size: 14px;
  }
  .concact .consults .div-center ul li .div1 p{
    font-size: 14px;
  }
  .concact .consults .div-center ul li{
    width: 100%;
    margin-bottom: 8%;
  }
  .concact .consults .div-center ul li:nth-child(2){
    padding: 0 1%;
    width: 100%;
  }
  .concact .consults .div-center ul li:nth-child(3){
    padding:0 1% ;
    width: 100%;
  }
  .concact .consults .div-center ul{
    flex-wrap: wrap;
  }
  .concact .consults .div-center ul li .div1{
    margin-bottom: 2%;
  }
  .concact .consults .div-center ul li a{
    width: 172px;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
  }
  .concact .consults .div-center ul li+li{
    border-left: none;
  }
  .concact .teamup .div1 .right .name{
    font-size: 15px;
  }
  .concact .teamup .div1 .right .p2{
    font-size: 12px;
    line-height: normal;
  }
  .concact .teamup .div1{
    width: 100%;
  }
  .concact .adress ul{
    width: 100%;
  }
  .concact .adress ul li .name{
    font-size: 14px;
    
  }
  .concact .adress ul li .p2{
    font-size: 12px;
  }
  .concact .other .div1 .right .p1{
    font-size: 14px;
  }
  .concact .other .div1 .right .p2{
    font-size: 12px;
  }
  .concact .consults .div-center{
    width: 88%;
  }
}
@media screen and (max-width: 767px) and (min-width: 0px) {
  .concact .support .cont{
    width: 88%;
    margin: 0 auto;
    flex-wrap: wrap;
    margin-top: 30px;
  }
  .concact .teamup .div1{
    width: 88%;
    margin-top: 30px;
    flex-wrap: wrap;
  }
  .concact .adress ul{
    width: 88%;
    margin: 0 auto;
    margin-top: 30px;
    flex-wrap: wrap;
  }
  .concact .adress ul li{
    width: 100%;
    margin-bottom: 20px;
  }
  .concact .teamup .div1 img{
    width: 100%;
  }
  .concact .teamup .div1 .right{
    width: 100%;
  }
  .concact .adress .p1{
    width: 286px;
    margin: 0 auto;
    margin-top: 20px;
  }
  .concact .support{
    padding-top: 20px;
  }
  .concact .support .cont .div1 .right{
    line-height: 23px;
  }
  .concact .teamup{
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .concact .teamup .p1{
    width: 300px;
    margin: 0 auto;
    margin-top: 20px;
  }
  .concact .support .cont .div1{
    width: 100%;
    margin-bottom: 20px;
  }
  .concact .support .cont .div1:nth-child(1){
    width: 100%;

  }
  .concact .media .p1,.concact .other .p1{
    margin-top: 10px;
  }
  .concact .media .div1{
    width: 80%;
    margin-top: 50px;
  }
  .concact .other{
    margin-top: 50px;

  }

  .concact .other .div1{
    margin-top: 40px;
  }
  .concact .media .div1 img{
    width: 40px;
  }
  .concact .other .div1{
    flex-wrap: wrap;
    width: 100%;
  }
  .concact .other .div1 a{
    width: 250px;
    height: 84px;
    align-items: center;
    padding: 0;
    /* padding: 8%; */
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .concact .other .div1 .right .p1{
    margin-top: 0;
  }
  .concact .other .div1 a img{
    width: 50px;
    margin-left: 46px;
  }
  .concact .support .cont .div1 img{
    width: 40px;
  }
  .concact .consults  .fixname{
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .concact .consults .p1{
    width: 300px;
    margin: 0 auto;
  }

}
/* 渠道政策 */
.policy{}
.policy .cooperate{
  text-align: center;
  position: relative;
  margin-bottom: 6%;
}
.policy .cooperate img{
  width: 44%;
  margin-top: 5%;
}
.policy .cooperate .div1{
  position: absolute;
  width: 508px;
  right: 0;
  padding-left: 4%;
  top: 24%;
}
.policy .cooperate .div2{
  right: auto;
  left: 0;
  padding-left: 0;
  padding-right: 4%;
}
.policy .cooperate .div1 .p1{
  font-size: 28px;
  color: #333333;
  text-align: left;
}
.policy .cooperate .div1 .p2{
  font-size: 14px;
  color: #666666;
  text-align: left;
  margin-top: 10px;
  line-height: 26px;

}
.policy .cooperate .div2 .p1{
  text-align: right;
}
.policy .cooperate .div2 .p2{
  text-align: right;
}
.policy .cooperate .div3{
  margin-top: 2%;
}
.policy .cooperate .div3 .p1{
  font-size: 28px;
  color: #333333;
}
.policy .cooperate .div3 .p2{
  font-size: 14px;
  color: #666666;
  margin-top: 10px;
  line-height: 26px;

}
.policy .channels{}
.policy .channels .cont{
  display: flex;
  width: 96%;
  margin: 0 auto;
  margin-top: 4%;
}
.policy .channels .div1{
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 0;
}
.policy .channels .div1 .wenzi{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
}
.policy .channels .div1 .wenzi .item{
  text-align: center;
}
.policy .channels .div1 .img1{
  width: 100%;
}
.policy .channels .div1 .item .p1{
  font-size: 30px;
  color: #fff;
  text-align: center;
  margin: 10% 0;
}
.policy .channels .div1 .item .p2{
  font-size: 24px;
  color: #fff;
  text-align: center;
}
.policy .marketing{
  width: 96%;
  margin: 0 auto;
  margin-top: 4%;
}
.policy .marketing .cont{
  margin-top: 4%;
  margin-bottom: 2%;
}
.policy .marketing ul{
  display: flex;
  /* width: 80%; */
  flex-wrap: wrap;
}
.policy .marketing ul li{
  width: 33.3%;
  text-align: center;
  margin-bottom: 4%;
}
.policy .marketing ul li .p1{
  font-size: 24px;
  color: #333333;
  text-align: center;
  margin: 2% 0;
}
.policy .marketing ul li .p2{
  font-size: 18px;
  color: #666666;
  line-height: 32px;
}
.policy  .promises .img1{
  width: 100%;
}
.policy .promises{
  position: relative;
}
.policy .promises img{
  width: 100%;
}
.policy .promises .cont{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}
.policy  .promises .fixname{
  color: #fff;
  margin-bottom: 2%;
  width: 100%;
  font-weight: 100;
}
.policy .promises .cont p{
  font-size: 24px;
  color: #fff;
  text-align: center;
  line-height: 42px;
  width: 100%;
  font-weight: 100;
}
.policy .factor{
  margin-top: 4%;
  margin-bottom: 6%;
}
.policy .factor .cont{
  margin-top: 4%;
}
.policy .factor ul{
  width: 100%;
  display: flex;
}
.policy .factor ul li{
  width: 25%;
  text-align: center;
  padding: 0 1%;
  box-sizing: border-box;
}
.policy .factor ul li img{
  margin-bottom: 2%;
}
.policy .factor ul li .p1{
  font-size: 23px;
  color: #333333;
  text-align: center;
  margin: 2% 0;
}
.policy .factor ul li .p2{
  font-size: 17px;
  color: #666666;
  text-align: center;
  line-height: 32px;
}
.policy .factor .coming{
  text-align: center;
  font-size: 36px;
  color: #333333;
  margin-top: 6%;
  margin-bottom: 4%;
}
.policy .factor  .btn{
  background: #1798ff;
  color: #fff;
  border: 1px solid #1798ff;
}
@media screen and (max-width:1160px) and (min-width: 0px) {
  .policy .cooperate .div1{
    /* width: 460px; */
    width: 436px;
    padding-left: 30px;
  }
  .policy .cooperate .div2{
    padding-left: 0;
    padding-right: 30px;
  }
  .policy .cooperate .div1 .p1{
    font-size: 18px;
  }
  .policy .cooperate img{
    width: 32%;
  }
  .policy .cooperate .div1 .p2{
    font-size: 14px;
  }
  .policy .cooperate .div3 .p1{
    font-size: 18px;
  }
  .policy .cooperate .div3.p2{
    font-size: 14px;
  }
  .policy .marketing ul li .p2{
    font-size: 16px;
  }
}
@media screen and (max-width: 900px) and (min-width: 0px) {
  .policy .cooperate .div1 .p1{
    /* font-size: 16px; */
  }
  .policy .cooperate .div1 .p2{
    font-size: 12px;
  }

  .policy .cooperate .div3 .p1{
    /* font-size: 14px; */
  }
  .policy .cooperate .div3 .p2{
    font-size: 12px;
  }
  .policy .channels .div1 .item .p1{
    font-size: 18px;
  }
  .policy .channels .div1 .wenzi .item img{
    width: 50px;
  }
  .policy .channels .div1 .item .p2{
    font-size: 16px;
  }
  .policy .marketing ul li .p1{
    font-size: 16px;
  }
  .policy .marketing ul li .p2{
    font-size: 12px;
  }
  .policy .marketing ul li{
    width: 50%;
  }
  .policy .marketing ul li img{
    width: 80px;
  }
  .policy .marketing{
    width: 100%;
  }
  .policy .promises .cont p{
    font-size: 12px;
   line-height: 22px;
   font-weight: initial;
  }
  .policy .factor ul li .p1{
    font-size: 16px;
  }
  .policy .factor ul li .p2{
    font-size: 12px;
  }
  .policy .factor ul li img{
    width: 50px;
  }
  .policy .factor .coming{
    font-size: 18px;
  }
}

@media screen and (max-width: 767px) and (min-width: 0px) {
  .policy .cooperate img{
    width: 200px;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .policy .channels .div1 .wenzi .item img{
    width:35px;
  }
  .policy .factor ul{
    flex-wrap: wrap;
    justify-content: center;
  }
  .policy .factor ul li{
    width: 50%;
    margin-bottom: 4%;
  }
  .policy .factor ul li:nth-child(3){
    width: 100%;
  }
  .policy{
    margin-top: 30px;
  }
  .policy .cooperate .div1{
    width: auto;
    position: initial;
    margin: 0 2%;
    margin-bottom: 36px;
  }
  .policy .cooperate .div1{
    padding-left: 0;
  }
  .policy .cooperate .div2{
    
    padding-right: 0;
  }
  .policy .cooperate .div2 .p1{
    text-align: left;
  }
  .policy .cooperate .div2 .p2{
    width: auto;
    text-align: left;
  }
  .policy .cooperate .div3{
    margin: 0 2%;

  }
 .policy .cooperate .div3 p{
  text-align: left;
 }
 .policy .channels .cont{
   flex-wrap: wrap;
   margin-top: 30px;
 }
 .policy .marketing .cont{
   margin-top: 30px;
 }
 .policy .channels .cont .div1{
   margin-bottom: 10px;
 }
 .policy .marketing ul li{
   width: 100%;
 }
 .policy .marketing ul li img{
   float: left;
   margin-left: 20px;
   margin-right: 20px;
 }
 .policy .marketing ul li .p1{
  text-align: left;

 }
 .policy .marketing ul li .p2{
   text-align: left;
   line-height: normal;
 }
 .policy .promises .img1{
   height: 250px;
 }
 .policy .promises .fixname{
   margin: 30px 0;
   font-weight: initial;
 }
 .policy .channels{
   margin-top: 30px;
 }
 .policy .factor .cont{
  margin-top: 30px;

 }
 .policy .factor ul li{
   width: 100%;
 }
 .policy .factor ul li img{
   float: left;
 }
 .policy .factor ul li .p1{
   margin: 0;
 }
  .policy .factor ul li .p2{
    line-height: normal;
    width: 274px;
   }
 .policy .factor ul li .p2,
 .policy .factor ul li .p1{
   text-align: left;
 }
 .policy .factor ul li img{
   width: 70px;
   margin-left: 30px;
   margin-right: 30px;
 }
}
/* 申请合作 */
.collaborate{}
/* 校园招聘 */
.job{
  margin-bottom: 6%;
}
.job .job-top{
  display: flex;
  justify-content: center;
  line-height: 46px;
  font-size: 0;
  margin-top: 4%;

}
.job .job-top span{
  color: #666666;
  font-size: 24px;
}
.job .job-top .search{
  width: 96px;
  height: 46px;
  background: #1798ff;
  font-size: 18px;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  margin-left: 16px;
}
.job .job-top input{
  width: 40%;
  height: 46px;
  border: 1px solid #d9d9d9;
  padding-left: 16px;
  box-sizing: border-box;
  font-size: 18px;
  color: #999999;
  border-radius: 5px;
}
.job .job-top input::-webkit-input-placeholder {
  font-size: 18px;
  color: #999999;
}
.job .job-top input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  font-size: 18px;
  color: #999999;
}

.job .job-top input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-size: 18px;
  color: #999999;
}
.job .jpb-cont{
  width: 84%;
  margin: 0 auto;
  margin-top: 4%;
  margin-bottom: 6%
}
.job .jpb-cont .job-item{
  display: flex;
  background: #0068b6;
  height: 55px;
  line-height: 55px;
}
.job .jpb-cont .job-item .div1{
  width: 20%;
  color: #fff;
  font-size: 18px;
  padding-left: 16px;
  box-sizing: border-box;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.job .jpb-cont .job-item .div2{
  width: 40%;
}
.job .jpb-cont .item-cont{
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
}
.job .jpb-cont .item-cont .div1{
  color: #333333;
}
@media screen and (max-width: 900px) and (min-width: 0px) {
  .job .job-top span{
    font-size: 14px;
  }
  .job .job-top .search{
    font-size: 12px;
    width: 80px;
    height: 30px;
    line-height: 30px;
  }
  .job .job-top input{
    font-size: 14px;
    height: 30px;

  }
  .job .job-top{
    line-height: 30px;
  }
  .job .job-top input::-webkit-input-placeholder {
    font-size: 14px;
    color: #999999;
  }
  .job .job-top input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    font-size: 14px;
    color: #999999;
  }
  
  .job .job-top input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    font-size: 14px;
    color: #999999;
  }
  .job .jpb-cont .job-item .div1{
    font-size: 14px;
  }
  .job .jpb-cont .job-item{
    height: 40px;
    line-height: 40px;
  }
  .job .jpb-cont{
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (min-width: 0px) {
  .job .jpb-cont .job-item .div1{
    padding-left: 12px;
  }
  .job .job-top input{
    padding-left: 12px;
  }
  .job .jpb-cont .job-item .div1:nth-last-child(1){
    display: none;
  }
  .job .jpb-cont .job-item .div1{
    width: 33%;
  }
  .job .cont,.job .job-top{
    margin-top: 30px;
  }
  .job .jpb-cont{
    margin: 20px 0;
  }

}
/* 招聘详情 */
.jobdetail{
  margin-top: 4%;
}
.jobdetail .cont{
  width: 84%;
  margin: 0 auto;
  border: 1px solid #e3e3e3;
  border-top: 2px solid #0068b6;

}
.jobdetail .jobdetail-top{
  background: #f9f9f9;
  padding: 2%;
}
.jobdetail .jobdetail-top .jobname{
  font-size: 36px;
  color: #333333;
  margin-bottom: 2%;
  
}
.jobdetail .jobdetail-top ul{
  display: flex;
  flex-wrap: wrap;
}
.jobdetail .jobdetail-top ul li{
  width: 33.3%;
  line-height: 28px;
  font-size: 18px;
  color: #666666;
}
.jobdetail .jobdetail-cont{
  padding: 2%;

}
.jobdetail .jobdetail-cont .p1{
  font-size: 18px;
  color: #333333;
  font-weight: bold;
  margin-bottom: 4%;
}
.jobdetail .jobdetail-cont .div1 {
  line-height: 36px;
  margin-bottom: 4%;
}
.jobdetail .jobdetail-cont .div1:nth-last-child(1){
  margin-bottom: 0;
}
.jobdetail .jobdetail-cont .div1 span{
  font-size: 18px;
  color: #333333;
  font-weight: bold;
}
.jobdetail .jobdetail-cont .div1 p{
  font-size: 18px;
  color: #333333;
}
.jobdetail .jobdetail-cont .way .span1{
  color: #1798ff;
}
 .share{
  width: 84%;
  margin: 0 auto;
  position: relative;
  margin-top: 4%;
  margin-bottom: 6%;
}
 .share .share-left{
  position: absolute;
  left: 0;
  top: 34%;
  font-size: 14px;
  color: #7f7f7f;
  left: 2%;
  width: 190px;
}
 .share .share-left a{
  vertical-align: middle;
  width: 24px;
  height: 20px;
  margin: 0 4%;
}
 .share .share-left a img{
  width: 100%;
  height: 100%;
}
 .share  .btn{
  /* background: #1798ff;
  border: 1px solid #1798ff;
  color: #fff; */
}
@media screen and (max-width: 900px) and (min-width: 0px) {
  .jobdetail .cont{
    width: 100%;
  }
  .jobdetail .jobdetail-top .jobname{
    font-size: 18px;
  }
  .jobdetail .jobdetail-top ul li{
    font-size: 14px;
  }
  .jobdetail .jobdetail-cont .p1{
    font-size: 14px;
  }
  .jobdetail .jobdetail-cont .div1 span{
    font-size: 14px;
  }
  .jobdetail .jobdetail-cont .div1 p{
    font-size: 14px;
  }
   .share{
    width: 100%;
    display: flex;
    justify-content: space-between;
  }

}
@media screen and (max-width: 767px) and (min-width: 0px) {

  .share{
    margin-top: 46px;
  }
  .casedetail .left .fixname{
    text-align: left;
    padding: 0 2%;
  }
  .share .btn{
    order: 0;
    margin: 0 ;
    background: #1798ff !important;
    border: 1px solid #1798ff !important;
    color: #fff !important;
  }
  .share .share-left{
    order:1;
    text-align: right;
    line-height: 30px;
  }
   .share .share-left{
    position: initial;
  }
   .share .share-left a{
    width: 18px;
    height: 18px;
    margin: 0 2%;
    background-size: 100% 100% !important;
  }
  .jobdetail .jobdetail-top ul li{
    width: 50%;
  }
  .jobdetail .container{
    padding: 0 4%;
  }
  .jobdetail .jobdetail-top{
    margin-bottom: 20px;
  }
  .jobdetail .jobdetail-cont .div1{
    line-height: 25px;
  }
  .jobdetail .cont{
    border: none;
  }
}
/* 成功案例 */
.casea{
  margin-bottom: 6%;
}
.casea .cont{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 6%;
}
.casea .cont a{
  width: 31.33%;
  margin-right: 3%;
  margin-top: 3%;
  background: #f2f2f2;
  font-size: 0;
}
.casea .cont a:nth-child(3n){
  margin-right: 0;
}
.casea .cont a img{
  width: 100%;
}
.casea .cont a .div1{
  /* height: 184px; */
  padding: 20px;
}
.casea .cont a .div1 .p1{
  font-size: 20px;
  color:#33332f;
  line-height: 30px;

  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.casea .cont a .div1 .p2 {
  margin: 3% 0;
}
.casea .cont a .div1 .p2 span{
  font-size: 14px;
  color: #888888;
  background: #e0e0e0;
  margin-right: 2%;
}
.casea .cont a .div1 .span1{
  color: #1798ff;
  font-size: 14px;
}
.casea .cont a .div1 .item{
  height: 100px;
  margin-bottom: 2%;
}
@media screen and (max-width:1080px) and (min-width: 0px) {
  .daohan2 .right .div1{
    font-size: 14px;
  }
}
@media screen and (max-width: 900px) and (min-width: 0px) {
  .casea .cont a .div1 .p1{
    font-size: 14px;
  }
  .casea .cont a .div1 .p2 span{
    font-size: 12px;
  }
  .casea .cont a .div1 .span1{
    font-size: 12px;
  }
  .daohan2 .right .div1{
    padding-bottom: 2%;
  }
}
@media screen and (max-width: 767px) and (min-width: 0px) {
  .casea .cont a .div1{
    padding: 17px;
  }
  .casea .cont a .div1 .item{
    height: auto;
  }
  .casea .cont{
    justify-content: center;
  }
  .casea .cont a{
    width: 88%;
    margin-top:28px;
    margin-right:0;
  }
  .daohan2 .right .div1{
    width: 100%;
    justify-content: flex-end;
    margin-top: 16px;
    padding-bottom: 14px;

  }
  .daohan2 .right select{
    width: 45%;
  }
  .daohan2 .right .div1:nth-last-child(1){
    padding-bottom: 16px;
    margin-top: 0;
  }
  .daohan2 .cont .right{
    flex-wrap: wrap;
  }
  .product .casea a{
    width: 100%;
    margin-top: 0;
    margin-bottom: 4%;
  }
  .product .casea a p{

  }
  .casea .cont a .div1 .p1{
    line-height: normal;
  }
}
/* 案例详情 */
.casedetail{
 overflow: hidden;
 width: 100%;
}
.casedetail .left{
  width: 70%;
  float: left;
  margin-top: 4%;
}
.casedetail .left .contant{
  margin-top: 4%;
  padding: 0 2%;
}
.casedetail .left .contant p{
  font-size: 18px;
  color: #333333;
  margin-bottom: 2%;

}
.casedetail .left .contant p.name{
  font-weight: bold;
  margin-top: 4%;
}
.casedetail .left .contant .div-img{
  text-align: center;
  margin-bottom: 2%;
}
.casedetail .left .contant .div-img img{
  max-width: 100%;
}
.casedetail .left .fixname{
  /* border-bottom: 1px solid #e3e3e3; */
  padding-bottom: 4%;
  text-align: left;
}
.casedetail .left .time{
  /* padding: 0 4%; */
  font-size: 16px;
  color: #999;
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 1%;
}
.casedetail .right{
  width: 26%;
  float: right;
  padding-top: 8%;
}
.casedetail .right .recommend{
  padding: 26px;
  background: #f1f1f1;
  border-top: 2px solid #bebebe;
  margin-top: 4%;
}
.casedetail .right .recommend a .div1{
  padding-bottom: 10%;
}
.casedetail .right .recommend a img{
  width: 100%;
}
.casedetail .right .recommend a span{
  color: #1798ff;
  margin-top: 4%;
  font-size: 14px;
}
.casedetail .right .recommend a .p1{
  font-size: 18px;
  color: #333333;
  margin-top: 2%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.casedetail .right .name{
  font-size: 24px;
  color: #333333;
  padding-left: 16px;
}

.casedetail  .share{
  width: 100%;
  padding: 0 2%;
}
.casedetail .btn{
  color: #7f7f7f;
  background: #fff;
  border: 1px solid #7f7f7f;
}
.casedetail .btn:hover{
  background: #1798ff;
  border: 1px solid #1798ff;
  color: #fff;
}
.casedetail .right .recommend{
  display: block;
}
.casedetail #recommend-swiper {
  display: none;
}
@media screen and (max-width: 900px) and (min-width: 0px) {
  .casedetail .right .name{
    font-size: 14px;
  }
  .casedetail .right .recommend a .p1{
    font-size: 12px;
  }
  .casedetail .right .recommend a span{
    font-size: 12px;
  }
  .casedetail .left .contant p{
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) and (min-width: 0px) {

  .casedetail .right .recommend{
    display: none;
  }
  .casedetail #recommend-swiper {
    display: block;
    background: #f1f1f1;
    border-top: 2px solid #bebebe;
    margin: 0 2%;
    margin-top: 10px;
  }
  .casedetail #recommend-swiper .recommend-pagination .swiper-pagination-bullet{
    background: transparent;
    border: 1px solid #83807d;
    opacity: 1;
  }
  .casedetail #recommend-swiper .recommend-pagination .swiper-pagination-bullet-active{
    background: #0068b6;
    border: 1px solid #0068b6;
  }
  .casedetail #recommend-swiper a{
    padding: 22px;
    display: block;
    margin-bottom: 18px;
  }
  .casedetail #recommend-swiper a img{
    width: 100%;
  }
  .casedetail #recommend-swiper a .p1{
    font-size: 14px;
    color: #333333;
    margin-bottom: 8px;
    margin-top: 8px;
  }
  .casedetail #recommend-swiper a .p2 span{
    font-size: 12px;
    color: #888888;
    background: #e0e0e0;
    margin-right: 4px;
  }
  .casedetail #recommend-swiper a .span1{
    font-size: 12px;
    color: #1798ff;
    margin-top: 12px;
  }
  .casedetail .left{
    width: 100%;
  }
  .casedetail .right{
    width: 100%;
    margin-bottom: 6%;
  }
  .casedetail .left .time{
    padding: 0 2%;
  }
}
/* 航天航空 */
/* 公司新闻 */
.news{
  background: #f2f2f2;
  padding-bottom: 6%;
  /* margin-bottom: 1.5%; */

}
.news .cont{
  display: flex;
  flex-wrap: wrap;
}
.news .cont a{
  width: 31.33%;
  margin-right: 3%;
  margin-top: 3%;
  background: #fff;
  font-size: 0;
}
.news .cont a .div1{
  padding: 4%;
}
.news .cont a:nth-child(3n){
  margin-right: 0;
}

.news .cont{
  margin-bottom: 6%;
}
.news .cont a img{
  width: 100%;
}
.news .cont a .time{
  font-size: 14px;
  color: #666666;
}
.news .cont a .name{
  font-size: 18px;
  color: #333333;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  margin-top: 2%;
}
.news .cont a .co{
  font-size: 15px;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 4% 0;
  line-height: 28px;
}
.news .cont a span{
  font-size: 14px;
  color: #333333;
}
.news .cont a:hover .name{
  color: #1798ff;
}
.news .cont a:hover  span{
  color: #1798ff;

}
.news .pagination .el-pager li.active{
  background: #fff;
}
@media screen and (max-width: 900px) and (min-width: 0px) {
  .news .cont a .name{
    font-size: 14px;
  }
  .news .cont a .co{
    font-size: 12px;
  }
  .news .cont a span{
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) and (min-width: 0px) {
  .news .cont{
    justify-content: space-between;
    padding: 0 2%;
  }
  .news .cont a{
    width: 48%;
    margin-right: 0;
  }
}
/* 新闻详情 */
.newdetail{
  background: #f2f2f2;
}
.newdetail .cont{
  /* width: 80%;
  margin: 0 auto; */
  padding-bottom: 6%;
  margin-bottom: 1.5%;
}
.newdetail .cont .contant{
  margin-top: 4%;
  padding: 0  4%;
}
.newdetail .cont .contant p{
  font-size: 18px;
  color: #333333;
  margin-bottom: 2%;
  line-height: 32px;
}
.newdetail .cont .contant p.name{
  font-weight: bold;
  margin-top: 4%;
}
.newdetail .cont .contant .div-img{
  text-align: center;
  margin-bottom: 2%;
}
.newdetail .cont .contant .div-img img{
  max-width: 100%;
}
.newdetail .cont .fixname{
  padding: 0 4%;
 margin-bottom: 4%;
  padding-top: 4%;
  text-align: left;
  margin-top: 0;
}
.newdetail .cont .time{
  padding: 0 4%;
  font-size: 16px;
  color: #999;
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 1%;
}
.newdetail .cont .share{
  padding: 0 2%;
  width: 100%;
}
@media screen and (max-width: 900px) and (min-width: 0px) {
  .newdetail .cont .contant p{
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) and (min-width: 0px) {
  .newdetail .cont .contant{
    padding: 0 2%;
  }
  .newdetail .cont .fixname{
    padding:4% 2%;
    margin-bottom: 0;
   
  }
  .newdetail .cont .time{
    padding: 0 2%
  }
  .newdetail .cont .share{
    padding: 0;
    width: 100%;
  }
}
/* 展会 */
.exhibition{
  background: #f2f2f2;
  padding-bottom: 6%;
  /* margin-bottom: 1.5%; */
}
.exhibition .soon .fixname{
  margin-top: 0;
  padding-top: 2%;
  margin-bottom: 4%;
}
.exhibition .soon .link{
  display: flex;
  background: #fff;
  margin-left: 1px;
}
.exhibition .soon .link img{
  width: 40%;
}
.exhibition .soon .link .right{
  width: 60%;
  padding: 2%;
}
.exhibition .soon .link .right .p1{
  font-size: 24px;
  color: #1798ff;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.exhibition .soon .link .right .time{
  font-size: 20px;
  color: #666666;
  margin: 2% 0;
}
.exhibition .soon .link .right .co{
  font-size: 16px;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 30px;
}
.exhibition .soon .link .right span{
  font-size: 14px;
  color: #1798ff;
  margin-top: 4%;
}
.exhibition  #soon-swiper{
  padding-bottom: 26px;
}
.exhibition  .soon-pagination{
  bottom: 0;
}
.exhibition  .soon-pagination .swiper-pagination-bullet{
  width:30px;
  height: 4px;
  border-radius: 0;
}
.exhibition .soon-pagination .swiper-pagination-bullet-active{
  background: #333333;
}
.exhibition .already {
  margin-bottom: 6%;
  margin-top: 4%; 
}
.exhibition .already a{
  display: flex;
  background: #fff;
  margin-top: 3%;
}
.exhibition .already a img{
 width: 100%;
 height: 100%;
 transition: all 0.6s;
 -ms-transition: all 0.8s;
}
.exhibition .already a .div-img{
  width: 25%;
  overflow: hidden;
  /* height: 100%; */
}
.exhibition .already a .div-img:hover img{
  transform: scale(1.1); 
}
.exhibition .already a .right{
  width: 75%;
  padding: 2%;
}
.exhibition .already a .right .p1{
  font-size: 24px;
  color: #333333; 
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.exhibition .already a .right .time{
  font-size: 14px;
  color: #666666;
}
.exhibition .already a .right .co{
  font-size: 16px;
  color: #666666;
  margin: 2% 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 30px;
}
.exhibition .already a .right span{
  color: #1798ff;
  font-size: 14px;
}
.exhibition .pagination .el-pager li.active {
  background: #fff;
}
@media screen and (max-width: 900px) and (min-width: 0px) {
  .exhibition .soon .link .right .p1
  {
    font-size: 14px;
  }
  .exhibition .soon .link .right .time{
    font-size: 12px;
  }
  .exhibition .soon .link .right .co{
    font-size: 12px;
  }
  .exhibition .soon .link .right span{
    font-size: 12px;
  }
  .exhibition .already a .right .p1{
    font-size: 14px;
  }
  .exhibition .already a .right .co{
    font-size: 12px;
  }
  .exhibition .already a .right span{
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) and (min-width: 0px) {
  .exhibition .soon .fixname{
    padding-top: 30px;
    margin-bottom: 30px;
  }
  .exhibition .soon .link{
    width: 88%;
    margin: 0 auto;
    flex-wrap: wrap;
    display: block;
  }
  .exhibition .already a{
    width: 88%;
    margin: 0 auto;
    margin-bottom: 10px;
  }
  .exhibition .soon .link img{
    width: 100%;
  }
  .exhibition .soon .link .right{
    width: 100%;
  }
  .exhibition .already{
    margin-top: 30px;
  }
  .exhibition .already .cont{
    margin-top: 30px;
  }
  .exhibition .already a .div-img{
    width: 40%;
  }
  .exhibition .already a .right{
    width:60%;
  }
  .exhibition .already a .right .co{
    display: none;
  }
  .exhibition .already a .right .p1{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}
/* 航天航空 */
.flight-banner {
  margin-top: 0;
}
.flight-banner .div1 .p2{
  width: 93%;
}
.flight {
  margin-bottom: 6%;
}
.flight .engine{
  width: 100%;
  background: url(../img/fd.png) no-repeat;
  background-size: 100% 100%;
  padding-bottom: 4%;
  padding-top: 1%;
}
.flight  .engine .fixname{
  color: #fff;
  margin-top: 0;
  padding-top: 2%;
}
.flight  .engine .p1{
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  margin-top: 1%;
  padding-bottom: 3%;
}
.flight  .engine ul{
  display: flex;
}
.flight  .engine ul li{
  width: 31.33%;
  margin-right: 3%;
  font-size: 0;
}
.flight  .engine ul li:nth-child(3){
  margin-right: 0;
}
.flight  .engine ul li .div-img{
  overflow: hidden;
  width: 100%;
}
.flight  .engine ul li img{
  width: 100%;
  transition: all 0.6s;
  -ms-transition: all 0.8s;
}
.flight  .engine ul li .div1{
  padding-top: 22px;
  background: #fff;
}
.flight  .engine ul li:hover img{
  transform: scale(1.1); 
}
.flight  .engine ul li  .name{
  border-left: 2px solid #0068b6;
  padding: 0 10px;
  box-sizing: border-box;
  font-size: 24px;
  color: #333333;
}
.flight  .engine ul li .p2{
  font-size: 16px;
  color: #666666;
  margin: 3% 0;
  line-height: 30px;
}
.flight  .engine ul li .nei{
  padding: 0 10px;
  box-sizing: border-box;

}
.flight  .engine ul li .co{
  font-size: 16px;
  color: #666666;
  line-height: 28px;
}
.flight .parts{
  width: 100%;
  position: relative;
  font-size: 0;
  /* background: url(../img/lb.png) no-repeat; */
  /* background-size: 100% 100%; */
}
.flight .parts .img1{
  width: 100%;
}
.flight .parts .cont{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  
}
.flight .parts .cont .right{
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.flight .parts .cont .left{
  /* width: 50%; */
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}
.flight .parts .cont img{
  width: 50%;
}
.flight .parts .cont .left .p1{
  font-size: 36px;
  color: #333333;
  width: 100%;
  margin-bottom: 2%;
  line-height: 30px;
}
.flight .parts .cont .left .nei{
  font-size: 18px;
  color: #666666;
  width: 100%;
  line-height: 30px;
}
.flight .cabin{
  position: relative;
  FONT-SIZE: 0;
  /* margin-bottom: 4%; */
}
.flight .cabin .cont{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.flight .cabin .div1{
  /* width: 50%;
  float: left; */
}
.flight .cabin .div1 .p1{
  font-size: 36px;
  color: #ffffff;
  margin-bottom: 2%;
}
.flight .cabin .div1 .p2{
  font-size: 18px;
  color: #ffffff;
  /* line-height: 28px; */
  width: 66%;
  line-height: 30px;
}
.flight .cabin .img1{
  width: 100%;
}
body{
  overflow-x: hidden;

}
.flight .show-banner{
  overflow-x: hidden;
  /* margin-top: 0!important; */
}
.flight .success{
  padding-top: 2%;
}
.flight .success .cont{
  display: flex;
  margin-top: 4%;
  margin-bottom: 4%;
} 
.flight .success .cont a{
  width: 31.33%;
  margin-right: 3%;
  font-size: 0;
  background: #f2f2f2;
}
.flight .success .cont a:nth-child(3n){
  margin-right: 0;
}
.flight .success .cont a img{
  width: 100%;
  transition: all 0.6s;
  -ms-transition: all 0.8s;
}
.flight .success .cont a p{
  font-size: 20px;
  color: #333333;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding: 4%;
  line-height: 30px;
}
.flight .success .cont a .div-img{
  overflow: hidden;
  width: 100%;
  
}
.flight .success .cont a:hover img{
  transform: scale(1.1); 
}
.flight .success .cont{
  display: flex;
}
.flight .success #case-swiper{
  display: none;
}
@media screen and (max-width: 900px) and (min-width: 0px) {
  .flight .engine .p1{
    width: 310px;
    margin: 0 auto;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .flight .engine ul li .name{
    font-size: 14px;
  }
  .flight .engine ul li .p2{
    font-size: 12px;
  }
  .flight .engine ul li .co{
    font-size: 12px;
  }
  .flight .parts .cont .left .p1,.flight .cabin .div1 .p1{
    font-size: 18px;
  }
  .flight .parts .cont .left .nei,.flight .cabin .div1 .p2{
    font-size: 12px;
  }
  .flight .success .cont a p{
    font-size: 14px;
  }
  .flight .engine{
    background-size: 100% 500px;
    padding-top: 20px;
  }
}
@media screen and (max-width: 767px) and (min-width: 0px) {
  .flight .success .cont{
    display: none;
  }
  .flight .success #case-swiper{
    display: block;
    margin-top: 20px;
  }
  .flight .success #case-swiper a{
    display: block;
    width: 86%;
    margin: 0 auto;
    background: #f2f2f2;
    font-size: 0;
    margin-bottom: 40px;

  }
  .flight .success #case-swiper .swiper-pagination-bullet{
    background: transparent;
    border: 1px solid #83807d;
    opacity: 1;
  }
  .flight .success #case-swiper .case-pagination .swiper-pagination-bullet-active{
    background: #0068b6;
    border: 1px solid #0068b6;
  }
  .flight .success{
    margin-top: 20px;
  }
  .flight .success #case-swiper a p{
    font-size: 14px;
    color: #333333;
    padding: 14px;
  }
  .flight .success #case-swiper a img{
    width: 100%;
  }
  .flight .parts .img1{
    height: 412px;
  }
  .flight .engine ul{
    flex-wrap: wrap;
    justify-content: center;
  }
  .flight .engine ul li{
    width:88%;
    margin-bottom: 34px;
    margin-right: 0;
  }
  .flight .engine ul li img{
    height: 200px;
  }
  .flight .cabin .div1 .p2{
    width: 100%;
    line-height: initial;
  }
  .flight .parts .cont .left{
    width:100%;
    text-align: center;
  }
  .flight .parts .cont .right{
    position: initial;
    width: 100%;
  }
  .flight .cabin .img1{
    height: 300px;
  }
  .flight .cabin .div1 p{
    text-align: center;
  }
}

/* 加入新拓 */
.join{
  margin-bottom: 6%;
}
.join .words{}
.join .words .item{
  display: flex;
  width: 600px;
    margin: 0 auto;
    justify-content: space-between;
    border-bottom: 1px solid #cecece;
    padding-top: 3%;
    margin-bottom: 22px;
}
.join .words .item .name{
  font-size: 24px;
  color: #333333;
  position: relative;
  padding-bottom: 10px;
  cursor: pointer;
  margin-right: 16px;
}
.join .words .item .name:nth-last-child(1){
  margin-right: 0;
}
.join .words .item .name.active{
  position: relative;
  color: #1798ff;
}
.join .words .item .name.active::after{
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: #1798ff;
  left: 0;
  bottom: 0;
}
.join .words .swiper-container{
  margin-top:1%;
  padding-bottom: 2%;
}
.join .words .swiper-container .swiper-slide img{
  width: 100%;
}
.join .words .swiper-container .swiper-slide {
  /* width:811px; */
  width:55%;
}
.join .words .swiper-container .swiper-slide .pactive{
  display: none;
}
.join .words .swiper-container .p1{
  font-size: 24px;
  color: #666666;
  text-align: center;
  margin: 1% 0;
}
.join .words .swiper-container  .swiper-pagination-bullet{
  width: 2%;
  height: 2px;
  border-radius: initial;
}
.join .words .swiper-container  .swiper-pagination-bullet-active{
  background: #262626;
}
.join .words .swiper-container .swiper-button-prev{
  background-color: rgba(000, 000, 000, 0.3);
  left: 0;
  top: 40%;
  height:112px ;
  width: 42px;
}
.join .words .swiper-container .swiper-button-prev::after{
  color: #fff;
  font-size: 20px;
}
.join .words .swiper-container .swiper-button-next{
  background-color: rgba(000, 000, 000, 0.3);
  right: 0;
  top: 40%;
  height:112px ;
  width: 42px;
}
.join .words .swiper-container .swiper-button-next::after{
  color: #fff;
  font-size: 20px;
}
.join .words .swiper-container .swiper-pagination{
  bottom: 0;
}
.join .swiper-container{
  display: none;
}
.join .swiper-container:nth-child(1){
  display: block;
}
.join .grow .cont{
  width: 88%;
  margin: 0 auto;
  margin-top: 45px;
}
.join .grow .cont .div1{
  display: flex;
  background: #f2f2f2;
  margin-top: 3%;
}
.join .grow .cont .div1 img{
  width: 55%;
}
.join .grow .cont .div1 .right{
  width: 45%;
  padding:32px;
}
.join .grow .cont .div1 .right .p1{
  font-size: 24px;
  color: #333333;
  margin-bottom: 32px;
}
.join .grow .cont .div1 .right .p2{
  font-size: 18px;
  color: #666666;
  line-height: 32px;
}
.join .grow{
  margin-bottom: 4%;
  margin-top: 100px;
}
.join .process .cont{
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-top: 4%;
}
.join .process .cont .div1{
  text-align: center;
  width: 148px;
  
}
.join .process .cont .div1 img{
  width: 100%;
}
.join .process .cont .div1 p{
  font-size: 18px;
  color: #666666;
  text-align: center;
  margin: 6% 0;
}
.join .process .cont .img1{
  margin: 0 1%;
  margin-top: 70px;

  /* margin-top: -3%; */
}
@media screen and (max-width: 900px) and (min-width: 0px) {
  .join .swiper-container .p1{
    font-size: 12px;
  }
  .join .words .item .name{
    font-size: 14px;
  }
  .join .words .swiper-container .p1{
    font-size: 14px;
  }
  .join .grow .cont .div1 .right .p1{
    font-size: 14px;
  }
  .join .grow .cont .div1 .right .p2{
    font-size: 12px;
  }
  .join .process .cont .div1 p{
    font-size: 14px;
  }
  .join .process .cont .div1{
    width: 100px;
  }
  .join .process .cont .img1{
    /* width: 20px; */
    margin-top: 46px;
  }
  .join .words .item{
    width: 390px;
  }
}
@media screen and (max-width: 767px) and (min-width: 0px) {
  .join .words .swiper-container .swiper-button-next{
    width: 20px;
    height: 40px;
    display: none;

  }
  .join .words .swiper-container .swiper-button-prev {
    width: 20px;
    height: 40px;
    display: none;
  }
  .join .words .swiper-container .swiper-slide{
    width: 300px;
  }
  .join .words{
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .join .words .item{
    /* width: 83%; */
    margin-bottom: 3%;
    margin-top: 20px;
  }
  .join .middle-wrap{
    margin-top: 20px;
  }
  .join .benefits .container{
    padding: 0;
  }
  .join .grow{
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .join .process .cont{
    margin-top: 30px;

  }
  .join .process .cont{
    display: block;
    text-align: center;

  }
  .join .process .cont .div1{
    width:32%;
    margin: 0 auto;
    padding: 18px 0;
  }
  .join .grow .cont{
    width: 100%;
    padding: 0 2%;
  }
  .join .grow .cont .div1{
    display: block;
    flex-wrap: wrap;
    margin-top: 20px;
  }
  .join .grow .cont .div1 img{
    width: 100%;
  }
  .join .grow .cont .div1 .right{
    width: 100%;
    padding: 20px;
  }
  .join .grow .cont .div1 .right .p1{
    margin-bottom: 10px;
  }
  .join .process .cont .div1 p{
    font-size: 12px;
    margin-bottom: 0;
  }
  .join .process .cont .img1{

    display: inline-block;
    transform:rotate(90deg);
    -ms-transform:rotate(90deg); 	/* IE 9 */
    -moz-transform:rotate(90deg); 	/* Firefox */
    -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
    -o-transform:rotate(90deg);
    margin: 0; 
 }

  .nav-name{
    display: none;
  }

  .product table{
    width: auto;
  }
  .product .table-item{
   overflow-x: scroll;
  }
}
.tanchuan {
  position: fixed;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  left: 0;
  top: 0;
  display: none;
  z-index: 999;
  /* opacity: 0.96 !important; */
  background: #fff;
}
.tanchuan video{
  z-index: 999;
  width: 80%;
  /* height: 80%; */
  object-fit:fill
}
@media (max-width: 767px){
  .tanchuan  video{
    width: 80%;
    /* height: 36%; */
  }
}
.index .new-pro .item,
.index .activity .cont .div1{
  overflow: hidden;
}
.index .new-pro .item img,
.index .activity .cont .div1 img{
  transition: all 0.6s;
  -ms-transition: all 0.8s;
}
.index .new-pro .item:hover img,
.index .activity .cont  .div1:hover img{
  transform: scale(1.1); 
}
.pro-item ul li a .name:hover{
  color: #1798ff;
}
.index .scheme .cont #scheme-swiper .swiper-button-prev{
  display: none;
}
.index .scheme .cont #scheme-swiper .swiper-button-next{
  display: none;
}
@media screen and (max-width: 900px) and (min-width: 0px){
  .index .scheme .cont #scheme-swiper .swiper-button-prev{
    display: flex;
    background-size: 18px 18px;
  }
  .index .scheme .cont #scheme-swiper .swiper-button-next{
    display: flex;
    background-size: 18px 18px;
  }
}

.index .scheme .img1{
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
}
.header .nav-main .slove-item ul{
  display: flex;
  /* justify-content: center; */
  padding-top: 18px;
}
 .header .nav-main .slove-item ul li{
  line-height: normal;
}
.header .nav-main .slove-item ul li a{
  display: inline-block;
  width: 100%;
  color: #333333;
  font-size: 16px;
  margin-bottom: 0;
}
.header .nav-main .slove-item ul .li1{
  width: 68%;
  display: flex;
  flex-wrap: wrap;
}
.header .nav-main .slove-item ul .li1 a{
  width: 33.3%;
  margin-bottom: 18px;
}
.header .nav-main .hezuo-item{
  line-height: normal;
  /* margin-left:52%; */
  width: 214px;
  font-size: 16px;
  padding: 22px 0;

}
.header .nav-main .hezuo-item a{
  width: 100%;
  color: #333333;
  font-size: 16px;
  margin-bottom: 18px;
}
.header .nav-main .hezuo-item a:nth-last-child(1){
  margin-bottom: 0;
}
.header .nav-main .hezuo-item1{
  /* margin-left:59%; */
}
@media (max-width: 1200px){
  .product{
        margin-top: 0;
  }
}


/* 兼容 */
@media screen and (max-width: 2000px) and (min-width: 1600px){
  /* 首页 */
  .index .new-pro .item .div1 .p1{
    font-size: 30px;
  }
  .index .new-pro .item .div1 .p2{
    font-size: 18px;
  }
  .index .new-pro .item .div1 span{
    font-size: 14px;
  }
  .index .activity .cont .div1 .wenzi .p1{
    font-size: 30px;
  }
  .index .activity .cont .div1 .wenzi .p2{
    font-size: 17px;
    line-height: 32px;
  }
  .index .activity .cont .div1 .wenzi span{
    font-size: 14px;
  }
  .index .activity .cont .div2 .p1{
    font-size: 30px;
  }
  .index .activity .cont .div2 .p2{
    font-size: 18px;
  }
  .index .activity .cont .div2 .p3{
    font-size: 30px;
  }
  .index .activity .cont .div2 .co{
    font-size: 17px;
    line-height: 32px;
  }
  .index .activity .cont .div2 .p4{
    font-size: 17px;
    line-height: 32px;
  }
  .index .activity .cont .div2 span{
    font-size: 14px;
  }
  .index .scheme .img1{
    height: 598px;
  }
  .index #scheme-swiper .wenzi h1{
    font-size: 48px;
  }
  .index #scheme-swiper .wenzi p{
    font-size: 48px;
  }
  .index .scheme .cont .name{
    padding: 46px 0;
  }
  .index #scheme-swiper .wenzi{
    margin-top: 88px;
  }
  .index #scheme-swiper .wenzi a{
    margin-top: 116px;
  }
  .index .information .cont .item .p1{
    font-size: 24px;
  }
  .news .cont a .name{
    font-size: 24px;
  }
  .index .information .cont .item .p2{
    font-size: 16px;
  }
  .index .information .cont .item span{
    font-size: 14px;
  }
  .index .intro .item .img1{
    /* height: 618px; */
  }
  .index .intro .item .div1 .p2{
    font-size: 18px;
  }
  .index .intro .item .div1 ul li .count{
    font-size: 72px;
  }
  .index .intro .item .div1 ul li p.nei{
    font-size: 18px;
  }
  .index .intro .item .div1 .p1{
    padding:30px 0 10px 0;
  }
  .index .intro .item .div1 .p2{
    margin-bottom: 40px;
  }
  .index .intro .item1 .div1 .p2{
    margin-bottom: 70px;
  }
  .index .intro .item1 .div1 .btn{
    margin-top: 50px;
  }
  /* 产品详情 */
  .system .cont .div1 .p2{
    font-size: 18px;
  }
  .product .account .p2{
    font-size: 18px;
  }
  .system .cont .div1 .p2{
    font-size: 18px;
  }
  .design .right .p2{
    font-size: 18px;
  }
  /* 成功案例 */
  .casea .cont a .div1 .p1{
    font-size: 24px;
  }
  .daohan2 .right .div1{
    font-size: 18px;
  }
  /* 展会资讯 */
  .exhibition .soon .link .right .p1{
    font-size: 30px;
  }
  .exhibition .soon .link .right .time{
    font-size: 24px;
  }
  .exhibition .soon .link .right .co{
    font-size: 18px;
  }
  /* 关于新拓 */
  .about .culture .img1{
    height: 700px;
  }
  .about .culture .cont .fixname{
    margin-top: 70px;
  }
  .about .culture ul{
    margin-top: 205px;
  }
  .about .culture .cont ul li p{
    font-size: 30px;
  }
  .about .culture .cont ul li .p1{
    font-size: 24px;
  }

  /* 加入新拓 */
  .join .grow .cont .div1 .right .p2{
    font-size: 18px;
  }
  /* 培训服务 */
  .training .class .div1 .right .p2{
    font-size: 18px;
  }
  /* 联合开发 */
  .exploit .scheme .sch-cont .div1 .p1{
    font-size: 30px;
  }
  /* 渠道证策 */
  .policy .cooperate .div1 .p2{
    font-size: 18px;
    line-height: 32px;
  }
  .policy .cooperate .div1{
    width: 33%;
    right: 8%;
  }
  .policy .cooperate .div2{
    right: auto;
    left:8%;
  }
  .policy .cooperate .div1 .p1{
    font-size: 30px;
  }
  .policy .cooperate img{
    width: 42%;
  }
  .policy .factor ul li .p2{
    font-size: 18px;
    line-height: 32px;
  }
  .policy .factor ul li .p1{
    font-size: 24px;
  }
  .policy .cooperate .div3 .p1{
    font-size: 30px;

  }
  .policy .cooperate .div3 .p2{
    font-size: 18px;
    line-height: 32px;
  }
  /* 关于新拓团队 */
  .about .slide-item .right .detail p{
    font-size: 18px;
  }
  .about .company .div1 .left p{
    font-size: 18px;
  }
  .about .company .p1{
    font-size: 36px;
  }

} 
.exploit .scheme .sch-cont .div1 .p2{
  line-height: 32px;
}

.header ul li .nav-main .main a:hover{
  color: #1798ff;
}
/* .header ul li .nav-main .main .about-item li:hover .p1 a{
  color: #1798ff;

} */
.concact .media .div1 .div-img{
  position: relative; 
}
.concact .media .div1 .div-img .er{
  position: absolute;
  bottom: 58px;
  left: -25px;
  display: none;
}
.concact .media .div1 .div-img:hover .er{
  display: block;
  width: 100px;
  height: 100px;
}
.concact .media .div1 .div-img:hover .er img{
  width: 100%;
  height: 100%;
}
.concact .media .div1 .div-img:nth-child(1),
.concact .media .div1 .div-img:nth-child(3){
  cursor: pointer;
}
.product .case a .div-img{
  overflow: hidden;
}
.product .case .cont a .div-img img{
  transition: all 0.6s;
  -ms-transition: all 0.8s;
}
.product .case .cont a:hover img{
  transform: scale(1.1); 
}
.product .case .cont a:hover p{
  color: #1798ff;
}
/* .header-top{
  border-bottom: 1px solid rgba(129, 130, 124, 0.5);
} */

.casea .cont a .div-img{
  overflow: hidden;
}
.casea .cont a .div-img img{
  transition: all 0.6s;
  -ms-transition: all 0.8s;
}
.casea .cont  a:hover .div-img img{
  transform: scale(1.1); 
}
.casea .cont  a:hover .div1 .p1{
  color: #1798ff;
}
.casedetail .left .contant p{
  line-height: 32px;
}
.casedetail .right .recommend a .p1{
  line-height: 32px;
}
.flight .success .cont a:hover p{
  color: #1798ff;
}
.news .cont a .div-img{
  overflow: hidden;
}
.training .class .div1 .right .p2{
  line-height: 32px;
}
.news .cont a .div-img img{
  transition: all 0.6s;
  -ms-transition: all 0.8s;
}
.news .cont  a:hover .div-img img{
  transform: scale(1.1); 
}
.exhibition .already a:hover .p1{
  color: #1798ff;

}
@media screen and (max-width: 767px) and (min-width: 0px) {
  .casedetail .left .contant p{
    line-height: 22px;
  }
  .casedetail .left .contant p img{
    width: 100%;
    height: auto;
  }
  .casedetail .contant table{
    width: 100%;
  }
  .flight .flight-banner .div1 .p2{
    line-height: 22px;
  }
  .flight .engine ul li .p2{
    line-height: 22px;
  }
  .flight .engine ul li .co{
    line-height: 22px;
  }
  .flight .parts .cont .left .nei{
    line-height: 22px;
  }
  .training .cont .model .div1 .p2{
    line-height: 22px;
  }
  .training .class .div1 .right .p2{
    line-height: 22px;
  }
  .exploit .joint a .right .p2{
    line-height: 22px;
  }
  .show-banner .div1 .p2{
    line-height: 22px;
  }
  .news .cont a .co{
    line-height: normal;
  }
  .newdetail .cont .contant p{
    line-height: 22px;
  }
  .exhibition .soon .link .right .co{
    line-height: 22px;
  }
  .exhibition .already a .right .time{
    font-size: 12px;
  }
  .about .slide-item .right{
    line-height: 22px;
  }
  .join .grow .cont .div1 .right .p2{
    line-height: 22px;
  }
  .exploit .joint a .right{
    padding: 20px;
  }
  .exploit .joint a .right .p1{
    margin-bottom: 10px;
  }
}

.nav-name .cont .link .span1{
  font-size: 14px;
  color: #fff;
  margin-right: 32px;
  cursor: pointer;
}
.nav-name .cont .link .span1:hover{
  color: #1798ff;
}

.pro-standard{
  background: #fff;
  padding-bottom: 40px;
  position: relative;
  display: none;
}
.pro-standard .table{
  width: 80%;
  margin: 0 auto;
  margin-bottom: 4%;
  /* display: none; */
}
.pro-standard table{
  width: 100%;
}
.pro-standard table tr{
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  color: #666666;
}
.pro-standard table tr th{
  text-align: left;
  font-size: 18px;
  color: #666666;
  font-weight: initial;
}
.pro-standard table th.first{
  border-top: 1px solid #ddd;

}
.pro-standard table tr td{
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-size: 18px;
  color: #666666;
}
.product table tr td.subtitle{
 
}
.pro-standard table tr{
}
.pro-standard .name{
  font-size: 24px;
  color: #666666;
  text-align: center;
  padding: 62px 0;
}
.pro-standard .close{
  position: absolute;
  right:24px;
  top:24px;
}
.nav-name .cont .link .span1.active{
  color: #1798ff;

}
.header .header-top{
  box-sizing: border-box;
  border-bottom:1px solid transparent;
}
.product .p-banner .left a{
  padding-top: 21%;
}
.product .p-banner .img1{
  right: 0;
  top: auto;
  bottom: 68px;
}
.res-results {
  width: 100%;
  font-size: 0;
  background: #f2f2f2;
  overflow: hidden;

}
.res-results .container{
  display: flex;
  align-items: center;
}
.design .right a{
  font-size: 16px;
  color: #1798ff;
  margin-top: 16px;
}
.res-results .left a{
  font-size: 16px;
  color: #1798ff;
  margin-top: 16px;
}
.res-results  .cont{
  /* position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  */
  width: 42%;

}
.res-results  .cont   .container{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.res-results  .cont .left {
  /* width: 50%; */
  display: flex;
  flex-wrap: wrap;
  align-content: center;

}
.res-results  .cont .left .p1 {
  font-size: 36px;
  color: #333333;
  width: 100%;
  margin-bottom: 3%;
  /* line-height: 30px; */
}
.res-results  .cont  .left .nei {
  font-size: 18px;
  color: #666666;
  width: 100%;
  line-height: 30px;
}
.res-results   .right {
  /* position: absolute;
  right: 0;
  top: 0; */
  width: 58%;
  /* width: 62%; */
  float: right;
}

.engle-engine{
  width: 100%;
  background: url(../img/bg2.png) no-repeat;
  background-size: 100% 100%;
  margin-bottom: 4%;
  padding-top: 1%;
}
.engle-engine .fixname{
  color: #fff;
  margin-top: 0;
  padding-top: 2%;
}
.engle-engine .p1{
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  margin-top: 1%;
  padding-bottom: 3%;
}
.engle-engine ul{
  display: flex;
}
.engle-engine ul li{
  width: 31.33%;
  margin-right: 3%;
  font-size: 0;
}
.engle-engine ul li:nth-child(3){
  margin-right: 0;
}
.engle-engine ul li .div-img{
  /* overflow: hidden; */
  width: 100%;
}
.engle-engine ul li img{
  width: 100%;
  /* transition: all 0.6s;
  -ms-transition: all 0.8s; */
}
.engle-engine ul li .div1{
  padding-top: 22px;
  background: #fff;
}
.engle-engine ul li:hover img{
  /* transform: scale(1.1);  */
}
.engle-engine ul li  .name{
  border-left: 2px solid #0068b6;
  padding: 0 10px;
  box-sizing: border-box;
  font-size: 24px;
  color: #333333;
  text-align: left;
}
.engle-engine ul li .p2{
  font-size: 16px;
  color: #666666;
  margin: 3% 0;
  line-height: 30px;
}
.engle-engine ul li .nei{
  padding: 0 10px;
  box-sizing: border-box;

}
.engle-engine ul li .co{
  font-size: 15px;
  color: #666666;
  line-height: 28px;
}
.singel-core .cont{
  display: flex;
  justify-content: space-between;
}
.singel-core .cont .img1{
  width:40%;
}
.singel-core .cont .right{
  width: 50%;
}
.singel-core .cont .right ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.singel-core .cont .right ul li {
  width: 46%;
  margin-bottom: 4%;
}
.singel-core .cont .right ul li img{}
.singel-core .cont .right ul li .p1{
  font-size: 24px;
  color: #333333;
}
.singel-core .cont .right ul li .p2{
  margin-top: 8px;
  font-size: 16px;
  color: #666666;
  line-height:26px;
}
.singel-core  h1 {
  font-size: 36px;
  color: #333333;
  font-weight: initial;
  text-align: center;
  margin: 4% 0;
}
.singel-yy h1{
  font-size: 36px;
  color: #333333;
  font-weight: initial;
  text-align: center;
  /* margin-top: 4%; */
  margin-bottom: 2%;
}
.singel-share{
  margin-bottom:4%;
}
.singel-yy p{
  font-size: 18px;
  color: #666666;
  line-height: 32px;
  width: 80%;
  margin: 0 auto;
  text-align: center;
}
.singel-yy .cont{
  display: flex;
  justify-content: space-between;
  margin-top: 4%;
  margin-bottom:4%;
}
.singel-yy .cont .right{
  width: 40%;

}
.singel-yy .cont .right img{
  width: 100%;
}
.singel-yy .cont .left{
  width: 58%;
}
.singel-yy .cont .left ul{
  display: flex;
  justify-content: space-between;
}
.singel-yy .cont .left ul li{
  width: 48%;

}
.singel-yy .cont .left ul li div{
  border-top: 1px solid #dcdddd;
  height: 54px;
  line-height: 54px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.singel-yy .cont .left ul li div:nth-last-child(1){
  border-bottom: 1px solid  #dcdddd;
}
.singel-yy .cont .left ul li div img{
  vertical-align: middle;
  margin-right: 8px;
}
.singel-yy .cont .left ul li div span{
  display: inline-block;
  width: 100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size: 16px;
  color: #333333;
}
.singel-share h1{
  font-size: 36px;
  color: #333333;
  font-weight: initial;
  text-align: center;
  margin-top: 4%;
  margin-bottom: 4%;
}
.singel-share .cont{
  display: flex;
  flex-wrap: wrap;
}
.singel-share .cont a{
  width: 23.5%;
  margin-right: 2%;
  font-size: 0%;
}
.singel-share .cont a .div1{
  background: #f2f2f2;
  padding: 4%;
}
.singel-share .cont a .div1 .p1{
  font-size: 20px;
  color: #333333;
  overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;

}
.singel-share .cont a .div1 span{
  font-size: 16px;
  color: #1798ff;
  margin-top: 6%;
}
.singel-share .cont a:nth-child(4n){
  margin-right: 0;
}
.singel-share .cont a img{
  width: 100%;
  transition: all 0.6s;
  -ms-transition: all 0.8s;
}
.tanchuan video{

}

.singel-share .cont a .div-img{
  overflow: hidden;
  width: 100%;
}
.singel-share .cont a:hover  img{
  transform: scale(1.1); 
}
/* 新增模板 */
.singel-share1 .cont a{
  width: 32%;
}
.singel-share1 .cont a:nth-child(3n){
  margin-right: 0;
}


.tanchuan{


}
.tanchuan span{
  position: absolute;
  right: 24px;
  top: 24px;
  cursor: pointer;
}
.single-analyse .title{
  font-size: 18px;
  color: #666666;
  text-align: center;
  margin-top: 20PX;
}
.single-analyse.system h1{
  margin-bottom: 0;
}
.single-analyse.system ul{
  display: flex;
  justify-content: center;
  width: 748px;
  margin: 0 auto;
  justify-content: space-between;
  margin-top: 10px;
  margin-bottom: 40PX;
}
.single-analyse.system ul li{
 
}
.single-analyse.system ul li div{
  font-size: 18px;
  color: #666;
}
.single-surface{
  background: #232a34;
  width: 100%;
}
.single-surface .cont{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 90%;
}
.single-surface .cont .img1{
  width: 56%;
}
.single-surface .cont .right{
  width: 41%;
  padding-bottom: 16px;
}
.single-surface .cont .right .p1{
  font-size: 36px;
  color: #ffffff;
  margin-top: 4%;
  margin-bottom: 2%
}
.single-surface .cont .right .p2{
  font-size: 18px;
  color: #fff;
  line-height: 28px;
}
.single-surface .cont .right img{
  width: 100%;
  margin: 2% 0;
}
.single-surface .cont .right  a{
  font-size: 16px;
  color: #1798ff;
}
@media screen and (max-width: 900px) and (min-width: 0px){
  .engle-engine {
    background-size: 100% 500px;
    padding-top: 20px;
  }
  .engle-engine {
    background-size: 100% 500px;
    padding-top: 20px;
  }
  .engle-engine .p1 {
    width: 100%;
    margin: 0 auto;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .engle-engine ul li .name{    
    font-size: 14px;
  }
  .engle-engine  ul li .p2{
    font-size: 12px;
  }
  .engle-engine ul li .co {
    font-size: 12px;
  }
  .singel-yy .cont .left ul li div span{
    font-size: 14px;
  }
  .singel-core h1,
  .singel-yy h1,
  .single-surface .cont .right .p1
  {
    font-size: 22px;
  }
  .singel-share h1{
    font-size: 20px;
  }
  .singel-share .cont a .div1 .p1{
    font-size: 14px;
  }
  .singel-share1 .cont a:nth-child(3n){
    margin-right: 2%;
  }
  .single-analyse .title{
    font-size: 14PX;
  }
  .single-analyse.system ul li div{
    font-size: 14px;
  }
  .single-surface .cont .right .p2{
    font-size: 14px;
    line-height: normal;
  }
  .single-surface .cont .right a{
    font-size: 12px;
  }
  .res-results .cont .left .p1{
    font-size: 22px;
  }
  .res-results .cont .left .nei{
    font-size: 12px;
  }
  .design .right a{
    font-size: 12px;
  }
  .res-results .left a{
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) and (min-width: 0px) {
  .singel-yy .cont{
    flex-wrap: wrap;
  }
  .singel-yy .cont .left{
   order: 1;
   width: 100%;
  }
  .singel-yy .cont .right{
    width: 100%;
    order: 0;
  }
  .singel-core .cont{
    flex-wrap: wrap;
    display: block;
  }
  .singel-core .cont .img1{
    width: auto;
    max-width: 100%;
  }

  .singel-core .cont .right{
    width: 100%;
    
  }
  .singel-core .cont .right ul li img{
    width: 50px;
  }
  .singel-core .cont .right ul li .p1{
    font-size: 14px;
  }
  .singel-core .cont .right ul li .p2{
    font-size: 12px;
    line-height: 18px;
    margin-top: 10px;
  }
  .singel-core .cont .right ul li{
    text-align: center;
    width: 49%;
    margin-top: 2%;
  }
  .singel-core .cont .right ul{
    justify-content: space-between;
  }
  .singel-yy p{
    width: 100%;
    padding: 0 2%;
    margin: 0 auto;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 20px;
    line-height: normal;
  }
  .singel-yy .cont .left ul li div img{
    width: 18px;
  }

  .singel-share .cont a .div1 span{
    font-size: 12px;
  }
  .singel-share .cont{
    justify-content: space-between;
  }
  .singel-share .cont a{
    width: 49%;
    margin-bottom:2%;
  }
  .singel-share .cont a:nth-child(2n){
    margin-right: 0;
  }
  .engle-engine ul{
    flex-wrap: wrap;
    justify-content: center;
  }
  .engle-engine ul li{
    width:88%;
    margin-bottom: 2%;
    margin-right: 0;
  }
  .engle-engine ul li img{
    /* height: 200px; */
  }
  .engle-engine  ul li .p2{
    line-height: 22px;
  }
  .engle-engine ul li .co {
    line-height: 22px;
  }

  .singel-yy .cont .left ul li div{
    height: 30px;
    line-height: 30px;
  }
  .single-analyse.system ul{
    width: 100%;
    flex-wrap: wrap;
    padding: 0 2%;
  }
  .single-analyse .title{
    font-size: 12PX;
    padding: 0 2%;
    margin-bottom: 10px;
  }
  .single-surface .cont .img1{
    width: 100%;
  }
  .single-surface .cont .right{
    width: 100%;
    padding: 0 4%;

  }
  .single-surface{
   
  }
  .single-surface .cont{
    width: 100%;
    padding-bottom: 10px;
    display: block;
  }
  .daohan1 .cont .right a{
    line-height: 30px;
  }
  .res-results .cont .left{
    width: 100%;
  }
  .res-results .right{
    /* width: auto; */
    /* max-width: 100%; */
  }
  .res-results .cont{
    width: 100%;
  }
  .res-results  .container{
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
  }
  .res-results {
    display: block;
    padding-top: 20px;
  }
  .res-results .cont .left .nei{
    line-height: 20px;
    margin-bottom: 0;
  }
}

.challenge1{
  background: #fff;
}
.challenge1 img{
  max-width: 100%;
  margin-top: 20px;
}
.engle-engine1{
  /* background: url(../img/sdx.png) no-repeat;
  background-size:100% 100% ; */
  /* padding-bottom: 290px; */
  /* height: 576px; */
  position: relative;
  background: none;
  padding-top: 0;
  font-size: 0;
}
.engle-engine1 img{
  width: 100%;
}
.engle-engine1 .container{
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
.engle-engine1  .fixname{
  color: #333333;
}
.engle-engine1 .p1{
  color: #666666;
  line-height: 30px;
}
@media screen and (max-width: 767px) and (min-width: 0px) {
  .engle-engine1{
    /* padding-bottom: 187px;
    background-size: 100% 100%; */
  }
     
}
.pro-standard .table-item{
  height: 205px;
  overflow-y: scroll;
  padding-right: 8px;
}
.pro-standard .table-item::-webkit-scrollbar {/*滚动条整体样式*/
  width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
  height: 4px;
}
.pro-standard .table-item::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px #d8d8d8;
  background: rgba(0,0,0,0.2);
}
.pro-standard .table-item::-webkit-scrollbar-track {/*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px #d8d8d8;
  border-radius: 0;
  background: rgba(0,0,0,0.1);
}
.nmobile-header .pro-standard .close{
  display: none;
}
.nmobile-header .pro-standard .name{
  padding: 20px 0;
  font-size: 14px;
  display: none;
}
.nmobile-header .pro-standard table tr th,.pro-standard table tr td{
  font-size: 12px;
}
.nmobile-header .pro-standard .table{
  width: 100%;
}
.nmobile-header .pro-standard{
  padding: 18px 0;
}
.nmobile-header  .table-item{
  overflow-x: scroll;
}
.singel-core .cont{
  width: 90%;
}
.system .div1{
  cursor: pointer;
}
.system .div1:hover .p1{
  color: #1798ff;
}
.engle-engine  ul li{
  cursor: pointer;
}
.engle-engine  ul li:hover .name{
  color:#0068b6;
}
.singel-yy .cont .left ul li div:hover span{
  color:#0068b6;
}

.engle-engine2{
  background: #f2f2f2;
  padding-bottom: 4%;
}
.engle-engine2 .fixname{
  color: #666666;
}
.engle-engine2 .p1{
  color: #666666;
}
.engle-engine2 ul li .div1{
  background: #f2f2f2;
}
.engle-engine2 ul li .name{
  text-align: center;
  margin-bottom: 0;
  border-left: none;
}
.engle-engine2 ul li .p2{
  text-align: center;
  margin-top: 0;
}
.engle-engine2 ul li .div1{
  padding-top: 10px;
}
.engle-engine .div-img{
  overflow: hidden;
}
.engle-engine .div-img img{
  transition: all 0.6s;
  -ms-transition: all 0.8s;
}
.engle-engine ul li:hover img{
  transform: scale(1.1); 
}
.engle-engine3  ul li .name{
  text-align: left;
  padding: 0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.engle-engine3  ul li .nei{
  padding: 0;
  margin-top: 3%;
}
.engle-engine3  ul li .nei a{
  font-size: 16px;
  color: #1798ff;
  margin: 0;
  line-height: normal;
}
.engle-engine ul li:hover .name {
  color: #333333;
}
@media screen and (max-width: 2000px) and (min-width: 1600px){
  .engle-engine1{
    /* height: 730px; */
  }
}

.skill-banner .div1 .p2{
  width: 1200px;
}
.technique .drive{
  margin-top: 6%;
}
.technique .drive .cont{
  display: flex;
  justify-content: space-around;
  margin-top: 6%;
}
.technique .drive .cont .div1{
  cursor: pointer;
  text-align: center;
}
.technique .drive .cont .div1 p{
  font-size: 20px;
  color: #333333;
  text-align: center;
}
.technique .drive .cont .div1  img{
  margin-bottom: 22px;
}
.technique .drive .tip{
  font-size: 14px;
  color: #666666;
  text-align: center;
  margin-top: 4%;
  margin-bottom: 1%;
}
.tanchuana{
  position: fixed;
  width: 100%;
  background-color: rgba(000, 000, 000, 0.5);
  height: 100vh;
  z-index: 999;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}
.tanchuana .div1{
  width: 80%;
  margin: 0 auto;
  position: relative;
  display: none;
}
.tanchuana .div1:nth-child(1){
  display: block;
}
.tanchuana .div1 img{
  width: 100%;
}
.tanchuana .div1 .close{
  position: absolute;
  right: 12px;
  top: 12px;
}
.technique .project{
  background: #f2f2f2;
  padding-bottom: 2%;
  
}
.technique .project .fixname{
  padding-top: 4%;
}
.technique .project .cont{
  display: flex;
  justify-content:  space-around;;
  margin-top: 4%;
  position: relative;
  flex-wrap: wrap;
}
.technique .project .cont .left,
.technique .project .cont .right{
  text-align: center;
}
.technique .project .cont .p1{
  font-size: 18px;
  color: #333333;
  line-height: 28px;
  text-align: center;
  margin-bottom: 40px;
}
.technique .res-results  .right{
  width: 50%;
}
.technique .res-results .container{
  justify-content: space-between;
}
.design .container{
  display: flex;
  align-items: center;
}
.technique .design{
  background: none;
  position: relative;
}
.twocontent{
  position: relative;
}
.twocontent .img1{
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
}
@media screen and (max-width: 900px) and (min-width: 0px){
  .technique .drive .cont .div1 p{
    font-size: 16px;
  }
  .technique .project .cont .p1{
    font-size: 16px;
  }
  .technique .drive .cont{
    flex-wrap: wrap;
  }
  .technique .drive .cont .div1{
    width: 50%;
    margin-bottom: 36px;
  }
  .technique .drive .cont .div1 img{
    margin-bottom: 18px;
  }
  .technique .project .cont .left img, .technique .project .cont .right img{
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) and (min-width: 0px){
  .res-results .right{
    width: 90%;
  }
  .technique .res-results .right{
    width: 90%;
  }
  .technique .res-results .container{
    justify-content: center;
  }
  .technique .project .cont .p1{
    font-size: 14px;
  }
  .twocontent .img1{
    display: none;
  }
  .technique .project .cont .p1{
    margin-bottom: 20px;
  }
  .tanchuana .div1 .close{
    width: 18px;
    height: 18px;
  }
  .technique .drive .cont .div1 img{
    width: 80px;
    /* height: 40px; */
  }
  .technique .design{
    background: url(../img/cd.png) no-repeat;
    background-size: 100% ;
  }
  .product .account{
    /* padding: 14% 0; */
  }
  .engle-engine3 ul li .nei a{
    font-size: 12px;
  }
}

/* 定制方案 */
.customize .engle-engine a{
  margin-top: 4%;
}
.customize  .challenge2{
  background: #f2f2f2;
}
.customize  .challenge .cont .div1{
  padding-bottom: 6%;
}
.engle-engine1{
  margin-bottom: 0;
}
.i-header .banner a{
  width: 100%;
}
.i-header .banner .banner-prev,
.i-header .banner .banner-next{
  display: none;
}
.i-header .banner .banner-prev{
  left: 0;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.i-header .banner .banner-next{
  right: 0;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.i-header .banner .banner-prev,
.i-header .banner .banner-next{
  width: 48px;
  height: 86px;
  background: none;
  color: #fff;
 
}
.i-header .banner .banner-next::after{
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0 ;
  margin: auto;
  content: ' ';
  width: 20px;
  height: 20px;
  background: url(../img/ria.png) no-repeat center;
  background-size: 20px 20px;
}
.i-header .banner .banner-prev::after{
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0 ;
  margin: auto;
  content: ' ';
  width: 20px;
  height: 20px;
  background: url(../img/lea.png) no-repeat center;
  background-size: 20px 20px;
}
.i-header .banner:hover .banner-prev{
  display: block;
}
.i-header .banner:hover .banner-next{
  display: block;
}
/* .i-header .banner .banner-prev::after{
  color: #fff;
  font-size: 20px;
}
.i-header .banner .banner-next::after{
  color: #fff;
  font-size: 20px;

} */
.i-header .banner .banner-prev:hover{

  background-color:rgba(0,0,0,.3) ; 
}
.i-header .banner .banner-next:hover{
  background-color:rgba(0,0,0,.3) ; 

 
}
.header .nav-main .slove-item li:nth-child(2) a{
  /* text-align: center; */
}
.header .nav-main .slove-item li:nth-child(2) a img{
  display: block;
  width: 165px;
  height: 68px;
  max-width: 100%;
  margin-bottom: 4px;
}
.header .link .x-li:nth-child(5){
  position: relative;
}
.header .link .x-li:nth-child(6){
  position: relative;
}
.header .link .x-li:nth-child(7){
  position: relative;
}
.header .link .x-li:nth-child(5) .nav-main{
  width: 100%;
  height: auto;
  text-align: center;

}
.header .link .x-li:nth-child(6) .nav-main{
  width: 100%;
  height: auto;
  text-align: center;
}
.header .link .x-li:nth-child(7) .nav-main{
  width: 100%;
  height: auto;
  text-align: center;
}
.header .link .x-li:nth-child(5) .hezuo-item{
  width: auto;
}
.header .link .x-li:nth-child(6) .hezuo-item{
  width: auto;
}
.header .link .x-li:nth-child(7) .hezuo-item{
  width: auto;
}
.benefits .mid-item img{
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 46%;
}
.benefits .mid-text{
  left: 0 ;
  right: 0;
  text-align: center;
  bottom: 25%;
}
.single-analyse p{
  line-height: 30px;
  font-size: 16px;
}
.header .nav-main .slove-item li:nth-child(2){
  display: flex;
  align-items: flex-end;
}
.header .nav-main .slove-item li:nth-child(2) a{
  margin-bottom: 18px;
}

.download-tanchuan{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(000, 000, 000, 0.3);
  display: none;
  z-index: 999;
}
.download-tanchuan .download-cont{
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
}
.download-tanchuan .download-main{
  width: 354px;
  background: #fff;
  padding: 8px;
}
.download-tanchuan .download-main .p1{
  font-size: 22px;
  color: #333333;
  text-align: center;
  margin-top: 16px;
}
.download-tanchuan .download-main .p2{
  text-align: center;
  font-size: 14px;
  color: #666666;
  margin-top: 10px;
  margin-bottom: 28px;
}
.download-tanchuan .download-main .p2 span{
  color: #c01f20;

}
.download-tanchuan .download-main .item{
  display: flex;
  width: 262px;
  margin: 0 auto;
  margin-bottom: 14px;
}
.download-tanchuan .download-main .item .name{
  font-size: 14px;
  color: #333;
  width: 76px;
  line-height: 30px;
  white-space: nowrap;
}
.download-tanchuan .download-main .item .name span{
  color: #c01f20;
}
.download-tanchuan .download-main .item input{
  width: calc(100% - 76px);
  height: 30px;
  box-sizing: border-box;
  border: 1px solid #d9d9d9;
  padding: 0 16px;
  font-size: 14px;
  color: #666666;
  border-radius: 5px;
}
.download-tanchuan  .close {
  width: 18px;
  height: 18px;
  float: right;
}
.download-tanchuan  .close img{
  width: 100%;
  height: 100%;
}
.download-tanchuan .download-main .title{
 overflow: hidden;
 width: 100%;
}
.download-tanchuan .submit{
  width: 136px;
  height:40px;
  line-height: 40px;
  background:#1798ff ;
  text-align: center;
  color: #fff;
  font-size: 14px;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 30px;
  display: block;
  cursor: pointer;
}
.single-analyse p span{
  text-align: left;
  font-size: 18px;
  padding: 0 8px;
}
@media screen and (max-width: 700px) and (min-width: 0px){
  .single-analyse p span{
    font-size: 12px;
  }
}