.main { padding-top: 88px; }
.main .title-icon-1 { width: 28px; height: 5px; background: #DDE8F7; display: inline-block; }
.main .title-icon-2 { width: 12px; height: 5px; background: #6481E2; display: inline-block; }


.btns{
  position:absolute;
  top:20px;
  right:0;
}
.btns .arrow-left{
  background:url('../../images/web/arrow-left.png') no-repeat;
}
.btns .arrow-right{
  background:url('../../images/web/arrow-right.png') no-repeat;
}


/* 椤堕儴杞挱 */
.slide {
  position:relative;
  overflow:hidden;
  width: 100%;
  height:90vh;
}
.slide .swiper-wrapper {
  /* 閫氳繃鏀瑰彉animation-timing-function 鍒朵綔寮规€у垏鎹㈡晥鏋 */
  /*transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;*/
}
.slide .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
.slide a{
  display:block;
  width:100%;
  height:100%;
}

/* 鍏ュ彛 */
.entry{
  position:relative;
  z-index:9;
  width:80%;
  /*max-width: 1366px;*/
  height: 160px;
  background: #FDFDFD;
  border-radius: 8px;
  -webkit-webkit-box-shadow: 0 0 5px #E9E8EB;
  box-shadow: 0 0 10px rgba(0,0,0,0.15);
  margin: -80px auto 0 auto;
}
.entry .item{
  width:33.33%;
  padding:0px 60px;
  margin:30px 0;
  border-right:1px dashed #ddd;
}

.entry .item:last-child{
  border-right:0;
}

.entry .item img{
  height:24px;
  margin-left:15px;
}
.entry .item h4{
  font-size:24px;
  font-weight:bold;;
}
.entry .item p{
  font-size:16px;
  color:#666666;
}

.main h3{
  font-size:32px;
  font-weight:700;
}


.section-title{
  text-align:center;
  margin-bottom:20px;
}
.section-title p{
  font-size:14px;
  color:#787878;
}
.section-title .title span{
  vertical-align: middle;
}

/* 浜у搧 */
.product{
  
}
.product .title{
  text-align:center;
}
.product .info{
  text-align:center;
  color:#666;
}
.product .con{
  overflow:hidden;
  position:relative;
}
.product ul{
  margin: 10px auto;
  /*padding:20px 0;*/
}

.product li{
  padding-bottom:30px;
  box-shadow: 0 0 16px rgba(0,0,0,0.05);
  background:#fff;
  border-radius:10px;
  text-align:center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  transition: 300ms;
  transform: scale(0.8);
}

.product li.swiper-slide-active,.product li.swiper-slide-duplicate-active{
  transform: scale(1);
}

.product .image{
  width:100%;
  height:340px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.product h5{
  font-size:22px;
  font-weight: 700;
  margin: 10px auto 0 auto;
}
.product li span{
  background:#6589E1;
  color:#fff;
  border-radius:16px;
  padding:6px 16px;
}
.product li.active{
  width:420px;
}
.product li.active .image{
  height:500px;
}
.product li p{
  padding:10px 20px 20px 20px;
  font-size:14px;
  text-align:left;
  text-indent:2em;
  /*height:100px;*/
  overflow:hidden;
}
.product .swiper-button-prev{
  left:0px;
}
.product .swiper-button-next{
  right:0px;
}

/* 瑙ｅ喅鏂规 */
.solution{
  position:relative;
}
.solution .title{
  text-align:center;
}
.solution .con{
  position:relative;
  height:600px;
  background:url('../../images/web/bg_solution.jpg') center center / cover no-repeat;
}

.solution .con .container{
  padding:100px 0;
}

.solution .con .swiper-button-next{
  right:-100px;
}
.solution .con .swiper-button-prev{
  left:-100px;
}

.solution .swiper-container{
  height:400px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
}

.solution ul{
  
}
.solution li{
  position:relative;
  text-align: left;
  background: #fff;
  padding:0 25px;
  height:auto;
  border-right:1px dashed #e2e2e2;
  margin:30px auto 40px auto;
}

.solution li h4{
  font-size:22px;
  font-weight:700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.solution li p{
  margin-top:20px;
  font-size:14px;
  color:#666;
}
.solution li .image{
  height:150px;
  position:absolute;
  bottom:0;
  left:25px;
  right:25px;
}

/* 鏂伴椈 */
.news{

}
.news-menu{
  max-width: 640px;
  margin: 0 auto;
}
.news-menu ul{
  text-align:center;
}
.news-menu ul li{
  font-size: 16px;
  font-weight: 700;
  color: #6c6c6c;
  line-height: 48px;
  position: relative;
  display: inline-block;
  z-index: 5;
  -webkit-transition: all .3s ease-out 0s;
  -moz-transition: all .3s ease-out 0s;
  -ms-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;
  transition: all .3s ease-out 0s;
  cursor: pointer;
  margin: 0 20px;
}

.news-menu ul li:hover::before, .news-menu ul li.active::before {
    opacity: 1;
}
.news-menu ul li::before{
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: -webkit-linear-gradient(left,#6589E1 0%,#457ddc 100%);
  background: -o-linear-gradient(left,#6589E1 0%,#457ddc 100%);
  background: linear-gradient(to right,#6589E1 0%,#457ddc 100%);
  z-index: -1;
  opacity: 0;
  -webkit-transition: all .3s ease-out 0s;
  -moz-transition: all .3s ease-out 0s;
  -ms-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;
  transition: all .3s ease-out 0s;
  border-radius: 4px;
}

.news-menu ul li:hover, .news-menu ul li.active {
    color: #457ddc;
}
/*
.news .tab{
  height:58px;
  width:80%;
  margin: 0 auto;
  background:url('../../images/web/news-cen-bg.png') no-repeat;
}
.news .con{
  overflow: hidden;
}
*/
.news .image{
  width:100%;
  height:240px;
  box-shadow: 0 0 15px rgba(0,0,0,0.15);
  border-radius:6px;
  display:block;
  margin:0 auto;
  position:relative;
}
.news .image i{
  position:absolute;
  right:8px;
  bottom:8px;
  background:rgba(0,0,0,0.4);
  color:#fff;
  font-style:normal;
  padding:0 10px;
  font-size:12px;
  border-radius:4px;
}

.news h4{
  font-size:16px;
  margin-top:10px;
  font-weight:700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.banner{
  /* height:400px; */
  background:url('../../images/web/img_xc.jpg') center center / cover no-repeat;
  /* margin-bottom: 230px; */
}

/* 鍚堜綔浼欎即 */
.partner{
  
}

.partner .logos{
  
}
.partner .item{
  box-shadow: 0 5px 15px rgba(0,0,0,0.06);
  margin:30px 1%  1%;
  height:90px;
  border-radius:4px;
  max-width: 14.5%;
}

/* 鍜ㄨ */
.hzzx{
  position: relative;
  height: 680px;
}
.hzzx .row{
  position: relative;
  height: 680px;
}

.hzzx .form{
  background:#fff;
  padding:20px 30px 30px 30px;
  top: 50px;
  width: 480px;
  position: absolute;
  border-radius:10px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  right: 300px ;
}
.hzzx .form .title{
  font-size:32px;
  font-weight:700;
}
.hzzx .form p{
  color:#666;
  margin-top:10px !important;
}
.hzzx .form .label{
  margin: 20px auto 0 auto;
  border: 1px solid #e2e2e2;
  padding: 0 10px;
  border-radius: 8px;
  position:relative;
}

.hzzx .form input,.hzzx .form textarea,.hzzx .form select{
  border:0;
  padding:10px 5px;
  width:85%;
}
.hzzx button{
  position:absolute;
  top: 40px;
  right: 30px;
}

/* PAD */
@media screen and (min-width:768px) and (max-width:1199px) {
  .slide{
    height:50vh;
  }
  .slide .carousel-item {
    height:50vh;
  }
  .entry{
    height: 120px;
    margin: -60px auto 0 auto;
  }
  .entry .item{
    padding:0px 30px;
    margin:20px 0;
  }
  .entry .item img{
    height:20px;
    margin-left:10px;
  }
  .entry .item h4{
    font-size:20px;
  }
  .entry .item p{
    font-size:12px;
  }

  .hzzx .form{
    top: 5% ;
    right: 10% ;
  }
  .product .con{
    width:100%;
    margin:0 auto;
  }
  .partner .item{
    height:88px;
  }
  .hzzx{
    padding-bottom:0;
  }
  .product .image{
    height:260px;
  }
  .product h5{
    font-size:20px;
  }
  .product li p{
    height:90px;
  }
  .solution .con{
    height:540px;
  }
  .solution li h4{
    font-size:24px;
  }
  .solution li p{
    font-size:14px;
  }
  .main h3{
    font-size:28px;
  }
}

/* 鎵嬫満 */
@media screen and (max-width:767px) {
  .main{
    padding-top:64px;
  }
  .main h3{
    font-size:28px;
  }
  .slide{
    height:30vh;
  }
  .banner{
    background: none ;
    height: auto ;
    margin-bottom: 30px;
    margin-top: 30px;
  }
  .block{
    margin:30px auto 0 auto;
  }
  .slide .carousel-item{
    height:40vh;
  }
  .entry{
    width:94%;
    height:auto;
    margin: 20px auto;
  }
  .entry .box{
    display:block;
  }
  .entry .item{
    display:block;
    width:90%;
    padding:20px 0;
    margin:0 5%;
    border-right:0;
    border-bottom:1px dashed #ddd;
  }
  .entry .item:last-child{
    border-bottom:0;
  }
  .entry .item img{
    height:20px;
    margin-left:10px;
  }
  .entry .item h4{
    font-size:20px;
  }
  .entry .item p{
    font-size:12px;
  }
  .partner .item{
    max-width: 30%;
    height:60px;
  }
  .hzzx{
    padding-bottom: 0 ;
    height: auto ;
  }
  .hzzx .row{
    background:none;
  }
  .hzzx .form .title{
    font-size:28px;
  }
  .hzzx .form{
    position:relative;
    top: auto;
    left: auto;
    right:auto;
    width: 90%;
    margin:0 auto;
    padding:20px;
  }
  .hzzx .form input, .hzzx .form textarea, .hzzx .form select {
    border: 0;
    padding: 10px 5px;
    width: 85%;
  }
  .hzzx button{
    position:relative;
    top:auto;
    right:auto;
    margin:20px auto;
  }
  .footer{
    margin-top:20px;
  }
  .product .con{
    width:98%;
    margin:0 auto;
  }
  .product .image{
    height:250px;
  }

  .solution .swiper-container{
    width:80%;
  }
}