/* 公共小标题 */
.index_stitle_box{
  margin-bottom: 20px;
}
.index_stitle{
  color: #608193;
}
.index_stitle i{
  font-size: 20px;
  margin-right: 5px;
}
.index_stitle span{
  font-size: 16px;
}
.banner{
  display: flex;
  height: 360px;
}
.banLeft{
  width: 60%;
  height: 100%;
  background: url("../img/index/banner_1.png") no-repeat right;
  background-size:auto 100%;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
.banRight{
  width: 40%;
  height: 100%;
  margin-left: 20px;
}
.banRightItem{
  flex: 1;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  padding: 36px 0 0 47px;
  font-weight: 900;
}
.banRightItem p:nth-child(1){
  font-size: 26px;
  line-height: 36px;
  margin-bottom: 4px;
}
.banRightItem p:nth-child(2){
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 20px;
}
.banRightItem p:nth-child(3){
  font-size: 14px;
}
.banRightItem:nth-child(1){
  background: url("../img/index/banner_2.png") no-repeat left;
  background-size:auto 100%;
  margin-bottom: 20px;
}
.banRightItem:nth-child(2){
  background: url("../img/index/banner_3.png") no-repeat left;
  background-size:auto 100%;
}

.index_box1 .swiper-container{
  height: 190px;
}
.swiper-button-next.swiper-button-disabled
,.swiper-button-prev.swiper-button-disabled
,.swiper-button-next
,.swiper-button-prev{
  top: 54%;
}
/* swiper box1 */
/* .index_box1{
  margin-bottom: 30px;
} */
.index_box1 .swiper-slide{
  width: 32.84%;
}
@media only screen and (max-width: 800px) {
  .index_box1 .swiper-slide{
    width: 100%;
  }
}
.index_swiper{
  max-width: 1280px;
  margin: auto;
}
.index_box1 .comTitle{
  margin-bottom: 30px;
}
/* box2 */
.index_box2{
  margin-bottom: 10px;
}
.index_box2_swiper .swiper-container{
  height: 220px;
}
.index_box2_swiper .swiper-slide{
  width: 32.84%;
} 
.indexComTitleBox{
  font-size: 16px;
  margin-bottom: 20px;
  color: #608193;
}
.indexComTitleBox i{
  font-size: 20px;
  margin-right: 4px;
}
.index_box2Li{
  padding:18px 28px;
  box-sizing: border-box;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  cursor: pointer;
  color: #608193;
  margin-bottom: 14px;
  background-color: #fff;
  margin-right: 1.25%;
  border: 1px solid rgba(96,129,147,0.3);
  position: relative;
}
.index_box2Li:nth-child(3n){
  margin-right: 0;
}
.index_box2LiDes{
  padding: 0 0 0 20px;
}
.index_box2LiDesName{
  font-size: 14px;
  margin-bottom: 16px;
}
.index_box2Li i{
  color: #97ABB6;
}
.index_box2Li span{
  color: #97ABB6;
}
.index_box2Li:hover{
  background-color: #E3E9EC;
  /* box-shadow: 0px 12px 24px 0px rgba(37,134,184,0.52); */
}
/* .index_box2Li:hover i
,.index_box2Li:hover span{
  color: #fff;
} */
/* .index_box2Li:hover .colbo{
  color: #fff;
} */
.index_box2Btn{
  line-height: 20px;
  color: #608193;
  position: absolute;
  right:28px;
  bottom: 20px;
  width: auto;
  font-size: 14px;
}
/* .index_box2Li:hover .index_box2Btn{
  background: #4EDAFE;
  border: 1px solid #4EDAFE;
  color: #fff;
} */
/* @media only screen and (max-width: 1000px) {
  .index_box2Btn{
    font-size: 30px;
  }
} */
/* box3 */
.index_box3{
  margin-bottom: 0;
}
.index_box3Li{
  width: 8%;
  margin-right: 0.36%;
  padding: 0 10px;
  box-sizing: border-box;
  margin-bottom: 30px;
  text-align: center;
  flex-shrink: 0;
}
.index_box3Li:nth-child(12n){
  margin-right: 0;
}
.index_box3Li:hover >p{
  font-weight: bold;
}
.index_box3Li:hover .box3Img{
  /* box-shadow: 0px 12px 14px 0px rgba(37,134,184,0.42); */
}
.index_box3Img{
  /* width: 80px;
  height: 80px; */
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  overflow: hidden;
}
.index_box3Img img{
  height: 100%;
}
.index_box3LiType{
  margin-top: 12px;
  margin-bottom: 6px;
  color: var(--maincol);
  font-size: 12px;
}
.index_box3LiNum{
  background: rgba(146,181,199,0.13);
  color: #608193;
  font-size: 12px;
  border-radius: 36px;
  -webkit-border-radius: 36px;
  -moz-border-radius: 36px;
  -ms-border-radius: 36px;
  -o-border-radius: 36px;
  height: 24px;
  line-height: 24px;
}
/* box4 */
.index_box4{
  margin-bottom: 16px;
}
.index_box4_swiper .swiper-container{
  height: 302px;
}
.index_box4_swiper .swiper-slide{
  width: 32.84%;
} 
/* index_box5 */
.index_box5{
  margin-bottom: 16px;
}
.index_box5_swiper .swiper-container{
  height: 302px;
}
.index_box5_swiper .swiper-slide{
  width: 32.84%;
} 
/* box6 */
.index_box6{
}
.index_box6 .news{
  margin-right: 0;
}
.index_box6 .index_stitle_box{
  margin-bottom: 12px;
}
.index_box6 .index_stitle{
  margin-left: 10px;
}
/* box7 */
.index_box7_stitle{
  margin-bottom: 20px;
}
.index_box7_stitle i{
  font-size: 24px;
}
.index_box7_stitle span{
  font-size: 18px;
}
.index_box7 .swiper-container{
  height: 240px;
}
.index_box7 .swiper-slide{
  width: 15.83%;
} 

/* box8 */
.index_box8{
  margin-bottom: 50px;
}
.index_box8 .swiper-container{
  height: 302px;
}
.index_box8 .swiper-slide{
  width: 32.84%;
} 
.index_box8 .news{
  margin-right: 0;
  height: 140px;
}
.index_box8_stitle_box{
  margin-bottom: 20px;
}
/* box9 */
.keyList{
  margin:30px 0 30px;
  padding: 0 12%;
}
.keyLi{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #608193;
  font-size: 16px;
}
.keyImg{
  width: 100px;
  height: 100px;
}
.keyLiName{
  margin: 20px 0 16px;
  line-height: 23px;
}
.keyLiNumber{
  font-weight: bold;
}
.keyBtn{
  display: block;
  width: 150px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #33576A;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
  margin: auto;
  margin-bottom: 60px;
}
.index_smore{
  font-size: 16px;
  color: #608193;
  margin-right: 16px;
}
.index_smore i{
  font-size: 16px;
}
.appBanner{
  display: none;
}
/* 1024-1200 */
@media screen and (max-width: 1200px) {
  .index_box7 .swiper-slide{
    width: 19.2%;
  }
  .keyList{
    padding:0 10%;
  }
  .banner{
    height: 320px;
  }
  .banRightItem{
    padding: 20px 0 0 30px;
  }
}
/* ipad pro */
@media screen and (max-width: 1024px) {
  .banner{
    height: 270px;
  }
  .banRightItem{
    padding: 16px 0 0 30px;
  }
  .banRightItem p:nth-child(1){
    font-size: 22px;
    margin-bottom: 0;
  }
  .index_box3Li{
    width: 9%;
    margin-right: 1.11%;
  }
  .index_box3Li:nth-child(10n){
    margin-right: 0;
  }
  .index_box3Li:nth-child(12n){
    margin-right: 1.11%;
  }
  .keyList{
    padding:0 6%;
  }
  .keyImg{
    width: 90px;
    height: 90px;
  }
}
@media screen and (max-width: 993px){
  .index_box1 .swiper-slide{
    width: 49.6%;
  }
  .index_box2_swiper .swiper-slide{
    width: 49.6%;
  }
  .index_box4_swiper .swiper-slide{
    width: 49.6%;
  }
  .index_box5_swiper .swiper-slide{
    width: 49.6%;
  }
  .index_box7 .swiper-slide{
    width: 24.25%;
  }
  .index_box8 .swiper-slide{
    width: 49.6%;
  }
}
/* ipad */
@media screen and (max-width: 767px) {
  .index_box3Li{
    width: 18%;
    margin-right: 2.5%;
    padding:0;
    margin-bottom: 16px;
  }
  .index_box3Li:nth-child(8n){
    margin-right: 2.5%;
  }
  .index_box3Li:nth-child(10n){
    margin-right: 2.5%;
  }
  .index_box3Li:nth-child(12n){
    margin-right: 2.5%;
  }
  .index_box3Li:nth-child(2n+1){
    /* margin-right: 0; */
  }
  .index_box3Li:last-child{
    /* margin-right: 0; */
  }
  .index_box3LiType{
    color: var(--maincol);
    background-color:#EAF0F4 ;
    margin-bottom: 0;
    margin-top: 10px;
    padding-top: 6px;
    border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    -o-border-radius: 8px 8px 0 0;
  }
  .index_box3LiNum{
    color: var(--maincol);
    background-color:#EAF0F4 ;
    border-radius:0 0 8px 8px;
    -webkit-border-radius:0 0 8px 8px;
    -moz-border-radius:0 0 8px 8px;
    -ms-border-radius:0 0 8px 8px;
    -o-border-radius:0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
  }
  .index_box3Img{
    width: 100%;
  }
  .index_box3>.flexwrap{
    height: 290px;
    overflow-x: scroll;
    /* flex-wrap: nowrap; */
    flex-direction: column;
    align-items: center;
  }
  .index_box1 .swiper-slide{
    width: 99.31%;
  }
  .banner{
    display: none;
  }
  .appBanner{
    display: block;
    margin-bottom: 20px;
  }
  .appSearch{
    width: 100%;
    height: 42px;
    border: 1px solid rgba(96,129,147,0.3);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    background: #FFFFFF;
    margin: 16px 0;
    box-sizing: border-box;
    padding: 0 12px;
    display: flex;
    align-items: center;
  }
  .appSearch i{
    font-size: 18px;
    color: #9EB0BB;
  }
  .appSearch input{
    width: calc(100% - 30px);
    height: 100%;
    padding-left: 10px;
    box-sizing: border-box;
    font-size: 12px;
    color: var(--maincol);
  }
  .appSearch input::-webkit-input-placeholder { /* WebKit browsers */ 
    color:#7BA1B5; 
  } 
  
  .appSearch input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
    color:#7BA1B5; 
  } 
  
  .appSearch input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
    color:#7BA1B5;
  } 
  
  .appSearch input:-ms-input-placeholder { /* Internet Explorer 10+ */ 
    color:#7BA1B5;
  } 
  .appBanner_advert
  ,.appBanner_robot{
    width: 48%;
    height: 50px;
    background: #FFFFFF;
    border: 1px solid rgba(96,129,147,0.3);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    color: var(--titlecol);
    font-size: 14px;
  }
  .appBanner_advert img
  ,.appBanner_robot img{
    width: 20px;
    height: 20px;
    margin-right: 7px;
  }
  .appBanner_advert span
  ,.appBanner_robot span{
    font-weight: bold;
  }
  .index_box1 .comTitle{
    margin-bottom: 16px;
  }
  .index_box2_swiper .swiper-slide{
    width: 99.31%;
  }
  .index_box2Li{
    padding: 16px;
  }
  .index_box2LiDes{
    padding: 0 0 0 16px;
  }
  .index_box4_swiper .swiper-slide{
    width: 99.31%;
  }
  .index_box5_swiper .swiper-slide{
    width: 99.31%;
  }
  .index_box6{
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  .index_box6>div{
    width: 100%;
    margin-bottom: 10px;
  }
  .index_box6 .index_stitle{
    margin-left: 0;
  }
  .index_smore{
    margin-right: 0;
  }
  .index_box7 .swiper-slide{
    width: 99%;
  }
  .index_box7 .swiper-container{
    height: 90px;
  }

  .index_box7 .indexsw2{
    padding: 20px 16px;
  }
  .index_box7 .indexsw2Con{
    display: flex;
  }
  .index_box7 .indexsw2img{
    width: 50px;
    height: 50px;
    margin: 0;
    margin-right: 16px;
    flex-shrink: 0;
  }
  .index_box7 .indexsw2title{
    height: 18px;
    font-size: 14px;
    color: #1B4B64;
    font-weight: bold;
    padding: 0 30px 0 0;
    -webkit-line-clamp:1;
    margin-bottom: 10px;
    text-align: left;
  }
  .index_box7 .indexsw2btn{
    width: 40px;
    height: 23px;
    line-height: 23px;
    font-size: 12px;
  }
  .index_box7 .indexsw2ad{
    text-align: left;
    min-width: 100px;
    height: 22px;
    line-height: 22px;
    background: var(--maincol);
    color: #fff;
    display: inline-block;
    text-align: center;
    padding:0 15px;
    box-sizing: border-box;
  }
  .index_box7 .swiper-button-next
  ,.index_box7 .swiper-button-prev
  ,.index_box7 .swiper-button-next.swiper-button-disabled
  ,.index_box7 .swiper-button-prev.swiper-button-disabled{
    top: 70%;
  }
  .index_box8 .swiper-slide{
    width: 99.31%;
  }
  .index_box9 .comSmallTitle{
    font-size: 12px;
    font-weight: bold;
    color: var(--maincol);
  }
  .index_box9 .comTitleDes{
    width: 97%;
    margin: auto;
  }
  .keyList{
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 0;
  }
  .keyLi{
    width: 20%;
    margin:0 5% 30px;
    margin-bottom: 30px;
    font-size: 12px;
  }
  .keyLi:nth-child(4){
    margin-left: 15%;
  }
  .keyLi:nth-child(5){
    margin-right: 15%;
  }
  .keyImg{
    width: 100%;
    height: 100%;
    max-width: 90px;
  }
  .keyLiName{
    margin: 12px 0 2px;
  }
  .keyBtn{
    width: 130px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    margin-bottom: 30px;
  }
  .index_box7_stitle i{
    font-size: 20px;
  }
  .index_box7_stitle span{
    font-size: 16px;
  }
}