.lay_height{ height: 500px   }

.index_lay_title h3{
    text-align: center;
    font-family: PingFang-SC-Medium;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    color: #282828;
    padding-top: 30px;
}
.index_lay_title p{
    text-align: center;
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    color: #74778b;
}

.banner .tip{
    width: 500px;
    position: absolute;
    top: 200px;
    left: 50%;
    margin-left: -600px;
}
.banner .tip h1{
    color: red;
    font-family: PingFang-SC-Medium;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
}
.banner .tip p{
    margin-top: 10px ;
    font-family: PingFang-SC-Medium;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
}
.banner .tip span.btn_see_detail{
    color: #fff;
    margin-top: 38px ;
    display: block;
    width: 130px;
    height: 30px;
    line-height: 30px;
    background-image: linear-gradient(90deg,
    #3350f1 0%,
    #5c81f9 100%);
    border-radius: 13px;
    text-align: center;
}
.banner .tip span.btn_see_detail:active{  color: red;}

.index_lay_1 { height: 160px ; background-color: #f7f8f8;}
.index_lay_1 .index_lay_f1{ background: #fff; height: 160px; }
.index_lay_1 .index_lay_f1 .wrapper{ padding-top: 50px;float: left; width: 300px;     margin: 0 50px; text-align: center }
.index_lay_1 .index_lay_f1 .wrapper h3{font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #2b2847; }
.index_lay_1 .index_lay_f1 .wrapper p{ 	width: 307px;
    height: 50px;
    font-family: PingFang-SC-Medium;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #999999;
    margin-top:20px;
}
.index_lay_1 .index_lay_f1 .wrapper p span{ color: #195cfd; }
.index_lay_1 .index_lay_f1 .pic_wrapper {position: absolute; z-index: 1; }
.index_lay_1 .index_lay_f1 .pic_wrapper img{width: 80px; height: 80px;  float: left;margin: 0 160px; margin-top: -42px;}


.index_lay_2 {background-color: #f7f8f8;}
.index_lay_2 .index_lay_title h3{ padding-top: 30px;}
.index_lay_2 .index_lay_2_wrapper .content_div h1{
    font-family: PingFang-SC-Medium;
    font-size: 23px;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #2b2847; }
.index_lay_2 .index_lay_2_wrapper .content_div p{
    font-family: PingFang-SC-Medium;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #999999;
    margin-top: 12px;
    margin-bottom: 10px;
}
.index_lay_2 .index_lay_2_wrapper .content_div{  width: 556px; height: 286px; float:left; margin: 0 21px; text-align: center;}
.index_lay_2 .index_lay_2_wrapper .content_div .content{   border-radius: 20px;  height: 266px;}
.index_lay_2 .index_lay_2_wrapper .left .content{ background-color: #dcdddd; }
.index_lay_2 .index_lay_2_wrapper .right .content{ background-image: linear-gradient(90deg, #0053ff 0%,#5c81f9 100%); }
.index_lay_2 .index_lay_2_wrapper .content_div .content ul { clear: both;  display: inline-block;padding-top: 15px;padding-left: 170px; }
.index_lay_2 .index_lay_2_wrapper .left .content ul {  padding-left: 97px; }
.index_lay_2 .index_lay_2_wrapper .content_div .content ul li:before {  content: "●";    color: #1846ec;    margin-right: 6px;}
.index_lay_2 .index_lay_2_wrapper .right .content ul li:before {  color: #fff; }
.index_lay_2 .index_lay_2_wrapper .content ul li {  float: left;    text-align: left;}
.index_lay_2 .index_lay_2_wrapper .left .content ul li {  width:173px;    margin-top: 15px;    color: #333333;}
.index_lay_2 .index_lay_2_wrapper .right .content ul li {    width: 373px;    margin-top: 13px;    color: #ffffff;}
.index_lay_2 .index_lay_2_wrapper  img{ 	width: 121px;    height: 121px; margin: 0 auto ; position: absolute; z-index: 2; left:50%;margin-left: -60.5px; margin-top: 139px; }

.index_lay_3 {height: 710px; }
.index_lay_3 .index_lay_3_wrapper .layui-tab-brief>.layui-tab-title .layui-this {   color: #0053ff !important;}
.index_lay_3 .index_lay_3_wrapper .layui-tab-brief>.layui-tab-title .layui-this:after {    border-bottom: 2px solid #0053ff !important;  }
.index_lay_3 .index_lay_3_wrapper img{ height: 476px; }
.index_lay_3 .layui-tab-item { position: relative;}
.index_lay_3 .index_lay_3_wrapper .text{ position:absolute; z-index: 2;  top: 153px;
    right: 203px; width: 211px }
.index_lay_3 .index_lay_3_wrapper .text h3{
    font-family: PingFang-SC-Bold;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #ffffff;
}
.index_lay_3 .index_lay_3_wrapper .text p{
    font-family: PingFang-SC-Medium;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #ffffff;
    margin-top: 60px;
}

.index_lay_4 { width: 100%; background: url(../../web/img/service_lay_4_bg.png) no-repeat ;}
.index_lay_4 .index_lay_4_wrapper { padding-top: 30px; }
.index_lay_4 .index_lay_4_wrapper .card { position: relative; background: #fff; border-radius: 5px; width: 300px;   float: left; margin: 0 50px;    text-align: center; }
.index_lay_4 .index_lay_4_wrapper .tip { position: absolute; z-index: 1; bottom: 17px;    width: 222px; margin-left: -111px;left: 50%; }
.index_lay_4 .index_lay_4_wrapper .tip h3{
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    color: #0053ff; }
.index_lay_4 .index_lay_4_wrapper .tip p{
    font-family: PingFang-SC-Medium;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    color: #597df8;
}

.index_lay_5 { height: 170px; }
.index_lay_5 .index_lay_5_wrapper img{ width: 30px;height: 29px; display: block;  float: left;}
.index_lay_5 .index_lay_5_wrapper .wrap{ width: 1000px;margin: 0 auto;}
.index_lay_5 .index_lay_5_wrapper .wrap .card{ float: left; width: 100px; margin: 0 150px;}
.index_lay_5 .index_lay_5_wrapper .wrap .card .text{width: 180px; margin-left: 45px; }
.index_lay_5 .index_lay_5_wrapper .wrap .card .text h3{
    font-family: PingFang-SC-Medium;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    color: #666666; }
.index_lay_5 .index_lay_5_wrapper .wrap .card .text p{margin-top: 18px ; font-family: PingFang-SC-Medium;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    color: #666666;}
.index_lay_5 .index_lay_5_wrapper .wrap .card .text p.btn{width: 400px;}
.index_lay_5 .card span{ float: left; }
.index_lay_5 .card span.btn_see_detail{
    color: #fff;
    display: block;
    width: 130px;
    height: 30px;
    line-height: 30px;
    background-image: linear-gradient(90deg,
    #3350f1 0%,
    #5c81f9 100%);
    border-radius: 13px;
    text-align: center;
    margin: 0 auto;
    margin-right: 20px;
}
.index_lay_5 .card span.btn_see_detail:active{
    color: red;
}
.index_lay_5 .card span.btn_see_detail.btn2{
    background:#fff;
    color: blue;
    border: 1px #3350f1 solid;
}
.index_lay_5 .card span.btn_see_detail.btn2:active{
    color: red;
}