body{

  background: #F8F8F8;

}

.index_message{

  padding: 60px 0 80px 0;

 background-image: linear-gradient(#F8F8F8,#EEF6FF);

}

.index_message  .wrap{

  max-width: 1200px;

}

.index_message .left_content{

  width: 411px;

  margin-left: 50px;

}

.index_message .left_content .item{

  margin: 3px 0;

  position: relative;

}

.index_message .left_content .item .star{

  color: #f00;

  position: absolute;

  right: -15px;

  top: 15px;

}

.index_message .left_content .item .error{

  display: none;

  position: absolute;

  left: -35px;

  top:7px;

  max-width: 30px;

  z-index: 100;

}

.index_message .left_content .input{

  box-shadow: 0px 2px 2px 0px rgb(204 204 204);

    background-color: rgba(255, 255, 255, 1);

    border-radius: 22px;

    height: 44px;

    width: 100%;

    padding: 0 20px;

    color: #000;

  font-size: 16px;

  font-weight: 500;

  outline: none;

}

.index_message .left_content .textarea{

  height: 117px;

  border: none;

  font-family: '';

  padding-top: 20px;

}

.index_message .left_content .textarea::placeholder{

  color: rgba(204, 204, 204, 1);

  font-size: 16px;

  font-weight: 500;

}

.index_message .left_content .input::placeholder{

  color: rgba(204, 204, 204, 1);

  font-size: 16px;

  font-weight: 500;

}

.index_message .left_content .country{

  position: relative;



  cursor: pointer;

}

.index_message .left_content .country .icon{

  position: absolute;

  right: 25px;

  top: 10px;

}

.index_message .left_content .country .sub_content{

  display: none;

  position: absolute;

  background: #fff;

  top: 45px;

  left: 0;

  width: 100%;

  border-radius: 22px;

  z-index: 100;

  height: 300px;

  overflow-y: scroll;

  padding: 10px 0;

}

.index_message .left_content .country .sub_content .sub_item{

  padding: 0px 25px;

  line-height: 30px;

}

.index_message .left_content .country .sub_content .sub_item:hover{

  color: #007AFC;

  font-weight: bold;

}

.index_message .right_content{

  width: 519px;

  margin-left: 100px;

}



.index_message .right_content .title{

  font-size: 32px;

  color: #000;

  font-family: 'Poppins-SemiBold';

}



.index_message .right_content  .text{

  font-size: 18px;

  color: #566171;

  margin-top: 15px;

  line-height: 30px;

}

.index_message .right_content .btn_box{

  background-color: rgba(0, 122, 252, 1);

    border-radius: 27px;

    height: 48px;

    margin-top: 30px;

    width: 155px;

    display: flex;

    justify-content: center;

    align-items: center;

    cursor: pointer;

    

}

.index_message .right_content .btn_box:hover{

  background: #0568D0;

}

.index_message .btn{

  overflow-wrap: break-word;

  color: rgba(255, 255, 255, 1);

  font-size: 16px;

  text-align: center;

  white-space: nowrap;

}

.index_big_title{

  color: rgba(0, 0, 0, 1);

    font-size: 32px;

    font-family: 'Poppins-SemiBold';

    line-height: 38px;

    width: 100%;

    text-align: center;

    margin-top: 50px;



}





/*消息滚动*/

.index_comment{



  border-radius: 25px;

}

 .index_comment_title{

  margin-bottom: 50px;

}



.index_comment .myscroll {

  width: 100%;

  height: 650px;

  margin: 0 auto;

  overflow: hidden;

  position: relative;

  padding: 0 30px;

  z-index: 10;

}



 

 .index_comment .myscroll   .comment_content{

  background: #fff;

  color: #000;

  line-height: 25px;

  font-size: 18px;

  width: 520px;

  border-radius: 5px;

  padding: 20px;

  margin-bottom: 30px;

  position: relative;

  box-shadow:0 0  20px 0 #ddd;

  transition: all .3s;

}

.index_comment .myscroll   .n1 .comment_content::after{

  content: '';

  position: absolute;

  bottom:-24px;

  left: 30px;

  width: 0; height: 0;

  border-color: #fff transparent  transparent  #fff;

  border-width: 12px 12px 12px 12px;

  border-style: solid;



}

.index_comment .myscroll   .n2 .comment_content::after{

  content: '';

  position: absolute;

  bottom:-25px;

  right: 30px;

  width: 0; height: 0;

            border-color: transparent #fff; /*上下颜色 左右颜色*/

            border-width: 0 25px 25px 0;

            border-style: solid;

            transition: all .3s;





}

.index_comment .myscroll   .comment_content:hover{

  background: #287BFC;

  color: #fff;

}

.index_comment .myscroll  .n1 .comment_content:hover:after{

  border-color: #287BFC transparent  transparent  #287BFC;

}



.index_comment .myscroll  .n2 .comment_content:hover:after{

  border-color: transparent #287BFC;

}

.index_comment .myscroll  .link{

  display: flex;

  align-items: center;

  width: 100%;



}

.index_comment .myscroll  .infoList  .link .info{

  margin-left: 15px;



}

.index_comment .myscroll  .infoList p{

  margin:0;

}

.index_comment .myscroll  .infoList li .link .info .title{

  font-size: 20px;

  color: #000;

  font-family: 'Poppins-SemiBold';

}

.index_comment .myscroll  .infoList  .link .info .text{

  font-size: 14px;

  color: #000;

}

.index_comment .myscroll  .infoList  .link .pic img{

  width: 36px;

}

.index_comment .myscroll  .infoList li{

  display: flex;

  flex-wrap: wrap;

  margin: 20px 20px;

}

.index_comment .myscroll  .infoList  .n2{

  justify-content: flex-end;

}



.index_comment .myscroll  .infoList  .n2 .link{

  justify-content: flex-end;

}

.index_comment .myscroll  .infoList  .n2 .info{

  text-align: right;

  margin-right: 15px;

}



.index_comment .top_box{

  width: 100%;

  height: 150px;

  /* background-image: linear-gradient(#F8F8F8,transparent); */

  background: url(../images/comment_tbg.png) repeat-x top center;

  opacity: .9;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 20;

}

.index_comment .bottom_box{

  width: 100%;

  height: 150px;

  /* background-image: linear-gradient(transparent,#F8F8F8); */

  background: url(../images/comment_bbg.png) repeat-x top center;

  opacity: .9;

  position: absolute;

  bottom: 0;

  left: 0;

  z-index: 20;

}



.index_service{

  display: inline-block;

  margin-top: 30px;

  width: 100%;

}

.index_service .h3{

  font-size: 18px;

  color: #566171;

  width: 620px;

  text-align: center;

  margin: 15px auto;

  line-height: 30px;



}



.index_service .box{

    display: flex;

  margin-top: 35px;

}



.index_service .box .item{

  transition: all .5s;



    height: 280px;

    padding: 30px 50px;

}

.index_service .box .item .thumb{ 

  height: 48px;

  display: flex;

  align-items: center;

}

.index_service .box .item .thumb img{

  

  max-width: 50px;

  max-height: 48px;

}

.index_service .box .item .title{

  color: rgba(0, 0, 0, 1);

    font-size: 18px;

    margin-top: 15px;

    margin-bottom: 15px;

    font-family: 'Poppins-SemiBold';

}

.index_service .box .item .check_box{

  display: flex;

  margin: 7px 0;
  color: #000;

}

.index_service .box .item .check_box .pic{

  margin-top: 2px;

}

.index_service .box .item .check_box img{

  width: 15px;

  height: 13px;

  padding: 1px;

}

.index_service .box .item .check_box .img2{

  display: none;

}

.index_service .box .item .check_box .t{

  margin-left: 5px;

  font-size: 14px;
  flex: 1;

}

.index_service .box .item1{

  background-color: rgba(240, 243, 247, 1);

  width: 25%;

  position: relative;

  z-index: 100;

  border-radius: 27px;

}



.index_service .box .item2{

  background-color: rgba(229, 238, 247, 1);

  width: 27%;

  margin-left: -30px;

  position: relative;

  z-index: 90;

  border-top-right-radius: 27px;

  border-bottom-right-radius: 27px;

}

.index_service .box .item3{

  background-color: rgba(211, 229, 247, 1);

  width: 27%;

  margin-left: -30px;

  position: relative;

  z-index: 80;

  border-top-right-radius: 27px;

  border-bottom-right-radius: 27px;

}

.index_service .box .item4{

  background-color: rgba(187, 215, 242, 1);

  width: 27%;

  margin-left: -30px;

  position: relative;

  border-top-right-radius: 27px;

  border-bottom-right-radius: 27px;

  z-index: 70;

}

.index_service .box .item1:hover{

  background: #72A3D1;

  transition: all .5s;

}

.index_service .box .item2:hover{

  background: #648FB8;

  transition: all .5s;

}

.index_service .box .item3:hover{

  background: #547799;

  transition: all .5s;

}

.index_service .box .item4:hover{

  background: #476582;

  transition: all .5s;

}

.index_service .box .item_current{

    color: #fff;

}

.index_service .box .item_current .title{

  color: #fff;

}
.index_service .box .item_current  .check_box{
  color: #fff;
}
.index_service .box .item_current  .check_box img{

  border-color: #fff;

}

.index_service .box .item_current  .check_box .img1{

  display: none;

}

.index_service .box .item_current  .check_box .img2{

  display: block;

  margin-top: 2px;

}

.index_equipment .item{

margin-bottom: 2px;

}

.index_equipment .item .info_box{

    background: #fff;

    display: flex;

    align-items: end;

    justify-content: space-between;

    height: 180px;

    position: relative;

    transition: all .5s;

}

.index_equipment .item .info_box:hover{

  background-color: rgba(204, 204, 204, .3);

  transition: all .5s;

}

.index_equipment .item  .text_content .title{

  color: #000;

  font-size: 40px;

  font-family: 'Poppins-SemiBold';

}

.index_equipment .item  .text_content .text{

  font-size: 16px;

  max-width: 700px;

}

.index_equipment .item .info_box .number{

  color: #566171;

  font-size:12px

}

.index_equipment .item .info_box .btn_content{

margin-bottom: 30px;



}

.index_equipment .item .info_box .btn_content .icon{

  position: absolute;

  width: 14px;

  top: 25px;

  right: 20px;

  cursor: pointer;

}

.index_equipment .item .info_box .btn_content .icon .img2{

  display: none;

}

.index_equipment .item .info_box .btn_content .btn_box{

  display: flex;

  align-items: center;

}

.index_equipment .item .info_box .btn_content .btn_box .btn1{

  height: 48px;

    border: 1px solid rgba(204, 204, 204, 1);

    width: 155px;

    border-radius: 27px;

    margin-right: 15px;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all .3s;

    color: #000;

    font-weight: bold;

}

.index_equipment .item .info_box .btn_content .btn_box .btn1:hover{

  background: rgba(0, 122, 252, 1);

  color: #fff;

  transition: all .3s;

}

.index_equipment .item .description{

  color: rgba(86, 97, 113, 1);

    font-size: 18px;

    margin: 30px 0 50px 0;

    width: 850px;

    display: none;

}





.index_equipment .video_box{

  display: none;

  padding-bottom: 50px;

}



.index_equipment .video_box .video_item{

  position: relative;

  margin-right: 20px;

  width: 24%;

  cursor: pointer;

}

.index_equipment .video_box .video_item img{

  width: 100%;

}

.index_equipment .video_box .video_item .tag{

  background-image: linear-gradient(to right, #316b6a , #225c64);

  padding: 0 3px;

  height: 24px;

  border-bottom-left-radius: 3px;

  border-bottom-right-radius: 3px;

  font-size: 12px;

  color: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

  position: absolute;

  top: 0;

  left: 10px;

  z-index: 1000;

}

.index_equipment .video_box .video_item .pic{

 position: relative;

 overflow: hidden;

 width: 100%;

 padding-bottom: 70%;

}

.index_equipment .video_box .video_item .pic .thumb{

  transition: all .3s;

  position: absolute;

  width: 100%;

  height: 100%;

}

.index_equipment .video_box .video_item .pic .icon{

  position: absolute;

  width: 64px;

  height: 64px;

  top: 50%;

  margin-top: -32px;

  left: 50%;

  margin-left: -32px;

}

.index_equipment .video_box .video_item:hover .title{

  color: #000;

}



.index_equipment .video_box .video_item:hover .pic .thumb{

  transform: scale(1.1);

  transition: all .3s;

}

.index_equipment .video_box .video_item .title{

  color: #566171;

  font-size: 16px;

 margin: 5px 0 10px 0;

 overflow: hidden; 

 text-overflow: ellipsis;

 display: -webkit-box;

 -webkit-line-clamp: 2;

 -webkit-box-orient: vertical;

 margin-bottom: 25px;

}



.index_equipment .video_box .video_item .label_box{

  display: flex;

  align-items: center;

  position: absolute;

  bottom: 0;

}

.index_equipment .video_box .video_item .label_box .label{

  margin-right: 5px;

  border: 1px solid #ccc;

  color: #999;

  font-size: 12px;

  padding: 0px 5px;

}

.index_equipment .video_box .video_item .label_box .label:hover{

  color: #007AFC;

  border: 1px solid #007AFC;

}

.index_equipment .item1 .border{

  width: 12px;

  background-image: linear-gradient(#0077F7,#0042EC);

  height: 180px;

  margin-right: 30px;

}



.index_equipment .item2 .border{

  width: 12px;

  background-image: linear-gradient(#68DED9,#46B8CA);

  height: 180px;

  margin-right: 30px;

}



.index_equipment .item3 .border{

  width: 12px;

  background-image: linear-gradient(#FFDB3D,#FDCC63);

  height: 180px;

  margin-right: 30px;

}



.index_banner{

  display: flex;

  align-items: center;

  justify-content: center;

  height: 100vh;

  background-image: linear-gradient(#F1F4F8,#FBFBFC);

  padding-top: 62px;

}

.index_banner .box{

  text-align: center;

}

.index_banner .box .title{

  font-weight: 700;

  font-size: 90px;

  color: #000;

}

.index_banner .box  .text{

  font-size: 24px;

  color: #000;

  width: 515px;

  line-height: 36px;

  margin-top: 30px;

}

.index_banner .box .btn{

  background-color: rgba(0, 122, 252, 1);

    border-radius: 27px;

    height: 48px;

    width: 155px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 30px auto;

    color: #fff;

    transition: all .5s;

}



.index_banner .box .btn:hover{

  background: #0568D0;

}

.index_news{
    position: relative;
    overflow: hidden;
}
.index_news .box{
    width: 90%;
     margin: 0 auto;
     margin-top: 40px;
    overflow: hidden;
}
.index_news .swiper-button-prev{
    left: 0;
    width:35px;
}
.index_news .swiper-button-next{
    right: 0;
    width:35px;
}
.index_news .swiper-button-prev:after{
    content:'';
}
.index_news .swiper-button-next:after{
    content:'';
}

.index_news_btn_box{

  background-color: rgba(0, 122, 252, 1);

  border-radius: 27px;

  height: 48px;

  width: 155px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 50px auto;

}



.index_news_btn_box .text_32{

  width: 83px;

    height: 19px;

    overflow-wrap: break-word;

    color: rgba(255, 255, 255, 1);

    font-size: 16px;

    display: flex;

    align-items: center;

    justify-content: center;

    white-space: nowrap;

}

.index_news_btn_box:hover{

  background: #0568D0;

}



@media (max-width: 1200px) {

  /*.index_service .box .item1{*/

  /*  width: 320px;*/

  /*}*/

  /*.index_service .box .item2{*/

  /*  width: 320px;*/

  /*}*/

  /*.index_service .box .item3{*/

  /*  width: 320px;*/

  /*}*/

  /*.index_service .box .item4{*/

  /*  width: 320px;*/

  /*}*/

  .index_service .box .item{

    height: 360px;

  }
.index_equipment .item .text_content .text{
    max-width:600px;
}
 

  

}