html , body{
  background-color: #fff;
} 
.container{
  background-color: #FAFAFC;
  width: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
}
.banner{
  width: 100%;
  height: 440px;
  overflow: hidden;
  position: relative;
  background: #fff;
}
.banner .banner_img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.banner .banner_content{
  width: 1200px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  top:89px;
}
.banner_content .sup_title{
  margin-left: 70px;
  font-size: 40px;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  line-height: 60px;
  letter-spacing: 1px;
}
.banner_content .sup_title span{
  display: inline-block;
  margin: 0 10px;
}
.banner_content .sup_title .core_text{
  position: relative;
}
.banner_content .sup_title .core_text .l_t_angle{
  position: absolute;
  left: -14px;
  top: 4px;
  width: 11px;
  height: 10px;
  border-top: 3px solid #ffffff;
  border-left: 3px solid #ffffff;

}
.banner_content .sup_title .core_text .r_b_angle {
  position: absolute;
  right: -14px;
  bottom: -2px;
  width: 11px;
  height: 10px;
  border-right: 3px solid #ffffff;
  border-bottom: 3px solid #ffffff;
}
.banner_content .sub_title{
  margin-top: 8px;
  margin-left: 80px;
  font-size: 26px;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  line-height: 39px;
  letter-spacing: 0px;
}
.banner_content .btn{
  display: block;
  margin-top: 28px;
  margin-left: 80px;
  text-decoration: none;
  font-size: 22px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 33px;
  letter-spacing: 0px;
  width: 140px;
  height: 40px;
  line-height: 40px;
  background:rgba(253,213,107,0.9);
  border-radius: 4px;
  cursor: pointer;
}
.banner_content .btn:hover{
  background:rgba(253,213,107,1);
  box-shadow:0px 3px 10px rgba(0,0,0,0.1);
  /* transform: translate3d(0,-1px,0); */
}
.section_item{
  width: 100%;
}
.section_item_1{
  position: relative;
  background: #fff;
}
.section_item_1 .img{
  width: 1200px;
  height: 767px;
  display: block;
  margin: 0 auto;
}
.core_list{
  width: 1200px;
  height: 175px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  /* margin: -93px auto 0; */
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  top: -93px;
}
.core_list .core_item{
  width: 570px;
  height: 175px;
  background: linear-gradient(229deg,#f5f1fb 0%, #ffffff 100%);
  box-shadow: 0px 2px 5px 4px rgba(236,235,243,0.21); 
  border-radius: 9px;
  text-align: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.core_list .core_item .core_bg{
  width: 100%;
  height: 100%;
  display: block;
}
.core_list .core_item .core_bg_active{
  width: 100%;
  height: 100%;
  display: none;
} 
.core_list .core_item section{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 9px;
}
.core_list .core_item section .item_title{
  margin-top: 36px;
  display: inline-block;
  width: 74px;
  position: relative;
  text-align: left;
  font-size: 24px;
  font-weight: 400;
  color: #333335;
  line-height: 36px;
  padding-left: 36px;
  margin-bottom: 5px;
}
.core_list .core_item section .item_title .core_icon{
  position: absolute;
  left: 0;
  top: 0;
  width: 36px;
  height: 36px;
}
.core_list .core_item section .item_title .core_icon_active{
  position: absolute;
  left: 0;
  top: 0;
  width: 36px;
  height: 36px;
  display: none;
}
.core_list .core_item section .item_text{
  font-size: 18px;
  font-weight: 400;
  color: #555757;
  line-height: 28px;
}
.core_list .core_item:hover{
  background: linear-gradient(339deg,#c1b6ff 0%, #a190ff 12%);
  box-shadow:0px 3px 10px rgba(0,0,0,0.1);
  transform: translate3d(0,-2px,0);
  /* opacity: 0.64; */
}
.core_list .core_item:hover .core_bg{
  display: none;
}
.core_list .core_item:hover .core_bg_active{
  display: block;
}
.core_list .core_item:hover section .item_title .core_icon{
  display: none;
}
.core_list .core_item:hover section .item_title .core_icon_active{
  display: block;
}
.core_list .core_item:hover section .item_title{
  color: #fff;
}
.core_list .core_item:hover section .item_text{
  color: #fff;
}
.section_title{
  text-align: center;
  margin-bottom: 90px;
}
.section_title p{
  margin: 0 auto;
  position: relative;
  padding-left: 13px;
  font-size: 28px;
  font-weight: 400;
  color: #333335;
  width: 308px;
  height: 42px;
}
.section_title .circle{
  position: absolute;
  left: 0;
  top:0;
  width: 20px;
  height: 20px;
  background: linear-gradient(134deg,#ffffff 6%, #ffe68b 100%);
  border-radius: 50%;
}
.section_title .line{
  position: absolute;
  left: 13px;
  bottom:3px;
  width: 112px;
  height: 8px;
  background: linear-gradient(158deg,#edeaff 41%, #d4d4f9 100%);
  border-radius: 5px;
}
.section_title span{
  position: absolute;
  left: 13px;
  top:0;
  width: 308px;
  height: 42px;
  line-height: 42px;
  display: inline-block;
}
.content_list{
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  width: 1200px;
  margin: 0 auto 60px;
}
.content_list .content_item{
  width: 556px;
  height: 206px;
  /* opacity: 0.64; */
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 2px 5px 4px rgba(236,235,243,0.21); 
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.content_list .content_item .content_item_bg{
  width: 100%;
  height: 100%;
  display: block;
}
.content_list .content_item .content_item_bg_active{
  width: 100%;
  height: 100%;
  display: none;
}
.content_list .content_item section{
  position: absolute;
  left: 0;
  top:0;
  padding-left: 65px;
  width: 491px;
  height: 206px;
  border-radius: 4px;
}
.content_list .content_item section p{
  margin-top: 40px;
  font-size: 26px;
  font-weight: 700;
  text-align: left;
  color: #767683;
  line-height: 39px;
}
.content_list .content_item section p span{
  display: inline-block;
  margin: 0 10px;
}
.content_list .content_item section p span.text{
  position: relative;
  color: #8e8cfc;
}
.content_list .content_item section p span.text .angle{
  width: 9px;
  height: 8px;
  opacity: 0.49;
  border-color: #838389;
}
.content_list .content_item section p span.text .l_t_angle{
  position: absolute;
  left: -10px;
  top: 4px;
  border-left: 2px solid;
  border-top: 2px solid;
}
.content_list .content_item section p span.text .r_b_angle {
  position: absolute;
  right: -10px;
  bottom: -2px;
  border-right: 2px solid;
  border-bottom: 2px solid;
}
.content_list .content_item section ul{
  margin-top: 10px;
}
.content_list .content_item section ul li{
  padding-left: 11px;
  list-style: none;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #838389;
  line-height: 24px;
  position: relative;
}
.content_list .content_item section ul li::before{
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top:9.5px;
  width: 5px;
  height: 5px;
  background: #dfdce7;
  border-radius: 50%;
}
.content_list .content_item section ul .zs{
  margin: 0;
  color: #C3C3D0;
  font-size: 14px;
  font-weight: 400;
  padding-left: 2px;
  line-height: 24px;
}

.content_list .content_item:hover{
  box-shadow:0px 3px 10px rgba(0,0,0,0.1);
  transform: translate3d(0,-2px,0);
}
.content_list .content_item:hover .content_item_bg{
  display: none;
}
.content_list .content_item:hover .content_item_bg_active{
  display: block;
}
.content_list .content_item:hover section p{
  color: #fff !important;
}
.content_list .content_item:hover  section p span.text{
  color: #fff;
}
.content_list .content_item:hover section p span.text .angle{
  border-color:#eeefff;
}
.content_list .content_item:hover section ul li{
  color: #ffffff;
}
.content_list .content_item:hover section ul li::before{
  background: #cacaff;
}
.content_list .content_item:hover section ul .zs{
  color: #fff;
}

.sys_list{
  margin: 0 auto 50px;
  width: 1120px;
  padding: 48px 40px;
  height: 360px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(320deg,#ffffff 1%, #ffffff 94%);
  border: 1px solid;
  border-image: linear-gradient(180deg, #ffffff, #fcfbff) 1 1;
  border-radius: 2px;
  box-shadow: 0px 3px 10px 7px rgba(244,244,252,0.67), 0px 0px 2px 1px rgba(255,255,255,0.75) inset, 0px 11px 1px 1px rgba(255,255,255,0.45) inset; 
}
.sys_list .sys_item{
  text-align: center;
  width: 309px;
  height: 360px;
  background: linear-gradient(303deg,#eeeeff 0%, #ffffff 94%);
  border: 1px solid;
  border-image: linear-gradient(180deg, #ffffff, #fcfbff) 1 1;
  border-radius: 15px;
  box-shadow: 0px 3px 6px 3px rgba(244,244,252,0.67), 0px 0px 2px 1px rgba(255,255,255,0.75) inset;
}
.sys_list .sys_item:hover{
  cursor: pointer; 
  border-radius: 2px;
  box-shadow:0px 3px 10px rgba(236,236,246,0.67);
  transform: translate3d(0,-2px,0);
}
.sys_list .sys_item .pic_1{
  width: 146px;
  height: 145px;
  display: inline-block;
  margin-top: 33px;
}
.sys_list .sys_item .pic_2{
  width: 141px;
  height: 151px;
  display: inline-block;
  margin-top: 27px;
}
.sys_list .sys_item .pic_3{
  width: 142px;
  height: 140px;
  display: inline-block;
  margin-top: 38px;
}
.sys_list .sys_item p.title{
  margin-top: 18px;
  margin-bottom: 10px;
  height: 24px;
  font-size: 24px;
  font-weight: 400;
  text-align: center;
  color: #333335;
  line-height: 36px;
}
.sys_list .sys_item p.text{
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  color: #a9a9b8;
  line-height: 24px;
  letter-spacing: 1px;
}
.team_list{
  margin: 0 auto 50px;
  width: 1200px;
  height: 280px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
}
.team_item{
  position: relative;
  width: 514px;
  height: 275px;
  background: linear-gradient(320deg,#ffffff 1%, #ffffff 94%);
  border: 1px solid;
  border-image: linear-gradient(180deg, #ffffff, #fcfbff) 1 1;
  border-radius: 2px;
  box-shadow: 0px 3px 10px 7px rgba(244,244,252,0.67), 0px 0px 2px 1px rgba(255,255,255,0.75) inset, 0px 11px 1px 1px rgba(255,255,255,0.45) inset; 
}
.team_list .team_item:hover{
  cursor: pointer; 
  border-radius: 2px;
  box-shadow:0px 3px 10px rgba(236,236,246,0.67);
  transform: translate3d(0,-2px,0);
}
.team_list .team_item .pic{
  width: 100%;
  height: 100%;
  display: block;
}
.team_list .team_item section{
  position: absolute;
  left: 46px;
  top:63px;
}
.team_list .team_item section p.title{
  position: relative;
  padding-left: 13px;
  width: 164px;
  height: 36px;
}
.team_list .team_item section p.title span{
  position: absolute;
  left: 13px;
  top: 0;
  line-height: 36px;
  font-size: 24px;
  font-weight: 400;
  color: #333335;
}
.team_list .team_item section p.title .circle{
  position: absolute;
  left: 0;
  top:0;
  width: 20px;
  height: 20px;
  background: linear-gradient(134deg,#ffffff 6%, #ffe68b 100%);
  border-radius: 50%;
}
.team_list .team_item section p.title .line{
  position: absolute;
  left: 13px;
  bottom:3px;
  width: 164px;
  height: 8px;
  background: linear-gradient(158deg,#edeaff 41%, #d4d4f9 100%);
  border-radius: 5px;
}
.team_list .team_item section p.content{
  margin-top: 20px;
  width: 255px;
  height: 93px;
  font-size: 16px;
  font-weight: 400;
  text-align: justify;
  color: #838389;
  line-height: 22px;
  letter-spacing: 1px;
}
.section_item_2{
  padding-top: 100px;
  padding-bottom: 134px;
}
.section_item_3{
  background-color: #fff;
  padding-top: 100px;
  padding-bottom: 160px;
  position: relative;
}
.section_item_4{
  padding-top: 100px;
  padding-bottom: 117px;
}
.section_item_5{
  background-color: #fff;
  padding-top: 100px;
  padding-bottom: 220px;
  position: relative;
}
.section_item_title{
  font-size: 28px;
  font-weight: 400;
  text-align: center;
  color: #333335;
  line-height: 42px;
}
.section_item_4 .section_item_title{
  margin-bottom: 70px;
}
.section_item_5 .section_item_title{
  margin-bottom: 48px;
}
.honor_wrap{
  height: 193px;
  width: 100%;
  position: relative;
}
.honor_wrap .honor_scroll{
  width: 1168px;
  margin: 0 auto;
  padding:0 16px 0;
  height: 380px;
  position: relative;
}
.honor_scroll .prev_btn{
  position: absolute;
  left: -38px;
  top: 50%;
  margin-top: -11px;
  width: 38px;
  height: 38px;
  background: url(//sslstatic.xiaoyusan.com/pc/images/claims/arrow-left.png) no-repeat center;
  cursor: pointer;
}
.honor_scroll .next_btn{
  position: absolute;
  right:-38px;
  top: 50%;
  margin-top: -11px;
  width: 38px;
  height: 38px;
  background: url(//sslstatic.xiaoyusan.com/pc/images/claims/arrow-right.png) no-repeat center;
  cursor: pointer;
}
.honor_wrap ul{
  height:380px;
  overflow:hidden;
  zoom:1;
}
.honor_wrap ul li {
  float: left;
  padding:0 16px;
}
.honor_wrap ul li:hover{
  cursor: pointer; 
  border-radius: 2px;
  transform: translate3d(0,-2px,0);
}
.honer_content{
  width:202px;
  height: 378px;
  background: linear-gradient(320deg,#ffffff 1%, #ffffff 94%);
  border: 1px solid;
  border-image: linear-gradient(180deg, #ffffff, #fcfbff) 1 1;
  border-radius: 2px;
  box-shadow: 0px 3px 10px 7px rgba(244,244,252,0.67), 0px 0px 2px 1px rgba(255,255,255,0.75) inset, 0px 11px 1px 1px rgba(255,255,255,0.45) inset;
}
.honor_wrap ul li img{
  width:202px;
  height: 234px;
}
.honor_wrap ul li img.white_pic{
  display: block;
}
/* .honor_wrap ul li img.grey_pic{
  display: none;
} */
/* .honor_wrap ul li:hover img.white_pic{
  display: none;
}
.honor_wrap ul li:hover img.grey_pic{
  display: block;
} */
.honor_wrap ul li .detail{
  padding: 30px 10px;
}
.honor_wrap ul li .detail p.title{
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  color: #333335;
  line-height: 24px;
  margin-bottom: 10px;
}
.honor_wrap ul li .detail p.text{
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #939393;
  line-height: 24px;
}
.honor_bg{
  width: 100%;
  height: 507px;
  background: linear-gradient(180deg,#ffffff 0%, #ffffff 27%, #dfdbff 100%);
}
.footer_picture{
  border-radius: 10px;
  width: 1200px;
  height: 251px;
  position: absolute;
  left: 50%;
  bottom: 136px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.consult{
  width: 1200px;
  height: 251px;
  position: relative;
}
.consult img{
  width: 100%;
  height: 100%;
  display: block;
}
.consult .consult_btn{
  position: absolute;
  left: 599px;
  top:129px;
  width: 180px;
  height: 49px;
  cursor: pointer;
}
.consult section{
  display: none;
  position: absolute;
  left: 538px;
  top:83px;
}
.consult section .title{
  font-size: 24px;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  line-height: 36px;
  margin-bottom: 24px;
} 
.consult section .title span{
  font-weight: 700;
}
.consult section .btn{
  width: 168px;
  text-align: center;
  height: 48px;
  line-height: 48px;
  background: #ffd45a;
  background:rgba(253,213,107,0.9);
  border-radius: 24px;
  color: #ffffff;
  font-weight: 700;
  font-size: 18px;
  cursor: pointer;
}
.consult section .btn:hover{
  background:rgba(253,213,107,1);
  box-shadow:0px 3px 10px rgba(0,0,0,0.1);
}
@keyframes vs {
  from {
    opacity: 0.6;
    top: 40%;
  }
  to {
    opacity: 1;
    top: 50%;
  }
}
.video_dialog{
  display: none;
  animation: vs 1s;
  width: 576px;
  height: 324px;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
}
.video_dialog section{
  width: 576px;
  height: 324px;
  position: relative;
}
.video_dialog section video{
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.video_dialog section p{
  position: absolute;
  right: 10px;
  top: 10px;
  width: 28px;
  padding-left: 2px;
  text-align: center;
  height: 30px;
  line-height: 26px;
  font-size: 18px;
  background-color: rgba(255, 255, 255, .3);
  color: #333;
  border-radius: 50%;
  cursor: pointer;
  z-index: 2;
}
.video_dialog section p:hover{
  background-color: rgba(255, 255, 255, .8);
}
.pecialization_layer{ 
  display: flex; 
  justify-content: center; 
  position: fixed; 
  bottom: 0; 
  left: 0; 
  width: 100%; 
  min-width: 1190px; 
  height: 130px; 
  border-radius: 59px 59px 0px 0px; 
  background: #B1A8FF; z-index: 100; 
}
.pecialization_layer .pecialization_center{ 
  box-sizing: border-box; 
  position: relative; 
  display: flex; 
  justify-content: space-between; 
  align-items: center; 
  width: 934px; 
  padding: 0 116px 0 257px; 
  background: url(//sslstatic.xiaoyusan.com/img/pc/images/index/pecialization-banner.76f1bb005c0b99db.png) no-repeat center; 
  background-size: 934px; 
}
.pecialization_layer .pecialization_pic{	
  position:absolute; 
  top: -78px; 
  left: 60px; 
  display: block; 
  width: 163px; 
  height: 208px; 
}
.pecialization_layer .pecialization_center_text { 
  font-size: 20px; 
  font-weight: bold; 
  color: #FFFFFF;
  line-height: 27px; 
  text-shadow: 0px 2px 18px rgba(31,0,255,0.28);
}
.pecialization_layer .pecialization_center_text_line2{ 
  font-size: 24px;
}
.pecialization_layer .pecialization_btn { 
  display: flex; 
  justify-content: center; 
  align-items: center; 
  width: 110px; 
  height: 36px; 
  font-size: 18px; 
  font-weight: bold; 
  text-shadow: 0px 0px 4px rgba(226,114,0,0.59); 
  color: #FFFFFF; 
  background: linear-gradient(270deg, #FFC06D 0%, #FFDF7F 100%); 
  border-radius: 23px; 
  border: 1px solid #FFF8EE;
}
.pecialization_layer .pecialization_close{ 
  position: absolute; 
  top: 10px; 
  right: 29px; 
  width: 24px; 
  height: 24px; 
  cursor: pointer; 
}