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

.index_lay_1 { height: 731px; }
.index_lay_1 img{ display: block; margin: 0 auto; width: 736px;  height: 506px;  margin-top: 39px;}


.index_lay_2{background-color: #0e0a33; height: 609px; position: relative;}
.index_lay_2 .main_wrap .wrapper img{ width: 120px; height: 150px; border-radius: 16px; }
.index_lay_2 .main_wrap .wrapper { margin: 0 auto; }
.index_lay_2 .index_lay2_pic {float: left; text-align: center; margin: 0 60px;margin-top: 43px; }
.index_lay_2 .index_lay2_pic span {display: inline-block; margin-top: 3px; color: #fff ;font-size: 16px; }

.index_lay_f_1 {
    height: 400px;
    border-radius: 5px;
    position: absolute;
    background: #fff;
    width: 1200px;
    margin-left: -600px;
    left: 50%;
    top: 60%;
}
.index_lay_f_1 .left_wrapper {width: 300px ; display: inline-block;}
.index_lay_f_1 .left_wrapper .title{ width: 200px ;margin: 30px 0 0 40px ;}
.index_lay_f_1 .left_wrapper h3{ font-family: PingFang-SC-Bold;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: 0px;
    color: #282828;
    margin-top: 10px;
}
.index_lay_f_1 .left_wrapper .wrapper{  width: 200px ; margin: 52px 0 0 30px ;text-align: right }
.index_lay_f_1 .left_wrapper .wrapper img {width: 29px;    height: 8px;}
.index_lay_f_1 .left_wrapper .wrapper .f_1_tip {
    margin-top: 60px;
    margin-right: 0;
}
.index_lay_f_1 .left_wrapper .wrapper .f_1_tip span {
    margin-top: 30px;
    font-family: PingFang-SC-Bold;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: 0px;
    color: #7a839e;
}
.index_lay_f_1 .right_wrapper { float: right; width: 300px ;margin-right: 200px; margin-top: 20px; }
.index_lay_f_1 .right_wrapper .r_pic{ width: 200px ;margin: 0 auto; text-align: center; }
.index_lay_f_1 .right_wrapper .r_pic img{ width: 74px; height: 74px; margin: 0 auto; }
.index_lay_f_1 .right_wrapper .r_pic h3{font-family: PingFang-SC-Bold;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: 0px;
    color: #2b2847;
    margin-top: 20px;
}
.index_lay_f_1 .right_wrapper .r_text{ width: 194px;  }
.index_lay_f_1 .right_wrapper .r_text p{
    font-family: PingFang-SC-Bold;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #9299b1;
    margin-top: 30px;
}


.index_lay_f_2 {
    height: 500px;
    border-radius: 5px;
    position: absolute;
    width: 300px;
    margin-left: -150px;
    top: 50%;
    left: 40%;
    background-image: linear-gradient(-30deg,
    #5c81f9 0%,
    #3350f1 100%);
}
.index_lay_f_2 .wrapper { margin-top: 30px; }
.index_lay_f_2 .wrapper .r_pic{ width: 200px ;margin: 0 auto; text-align: center; color: #fff; }
.index_lay_f_2 .wrapper .r_pic img{ width: 74px; height: 74px; margin: 0 auto; }
.index_lay_f_2 .wrapper .r_pic h3{ margin-top: 20px;font-family: PingFang-SC-Bold;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: 0px;
    color: #ffffff; }
.index_lay_f_2 .wrapper .r_text{  width: 197px;  margin-top: 50px;  margin-left: 44px; }
.index_lay_f_2 .wrapper .r_text p{
    font-family: PingFang-SC-Bold;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0px;
    color: #ffffff;margin-top: 37px;
}

.index_lay_f_bg_vs {
    position: absolute;
    width: 253px;
    height: 223px;
    margin-left: -126.5px;
    left: 50%;
    top: 75%;
}
.index_lay_f_bg_vs img{
    width: 253px;
    height: 223px;
}


.index_lay_3{background-color: #f7f7f7;  height: 810px;}
.index_lay_3 .div_left { margin-top: 330px;
    width: 388px;
    float: left;  }
.index_lay_3 .div_right {padding-top: 260px ; float: right  }
.index_lay_3 img{width: 731px;
    height: 501px; }
.index_lay_3 .div_left h3 {
    font-family: PingFang-SC-Bold;
    font-size: 26px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 83px;
    letter-spacing: 0px;
    color: #2b2847;
}
.index_lay_3 .div_left p {
    font-family: PingFang-SC-Medium;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 1px;
    color: #2b2847;
}

.index_lay_4 {  }
.index_lay_4 .layui-tab{ margin: 0 !important;}
.index_lay_4 .layui-tab .layui-tab-title .nav_title { margin-top: 30px }
.index_lay_4 .layui-tab .layui-tab-title .nav_title img { width: 40px;  height: 44px;  }
.index_lay_4 .layui-tab .layui-tab-title .nav_title span{ display: block ;font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: 0px;
    color: black;
    margin-top: 12px;
}
.index_lay_4 .layui-tab .layui-tab-title .layui-this .nav_title span{ color: #fff }
.index_lay_4 .layui-tab .layui-tab-title { height: 147px; border: 0}
.index_lay_4 .layui-tab .layui-tab-title li { width: 200px !important; height: 148px !important;}
.index_lay_4 .layui-tab .layui-tab-title .layui-this:after {
     height: 148px;
     background: #0e0a33;
     z-index: -1;
 }
.index_lay_4 .layui-tab-content {padding: 0 ;}
.index_lay_4 .layui-tab-item .bg_wrapper { height: 670px;}
.index_lay_4 .layui-tab-item .bg_wrapper.bg1 {
    background: url(../../web/img/product_lay4_bg1.png) no-repeat ;
    background-size:100% 100%;
}
.index_lay_4 .layui-tab-item .bg_wrapper.bg2 {
    background: url(../../web/img/product_lay4_bg2.png) no-repeat ;
    background-size:100% 100%;
}
.index_lay_4 .layui-tab-item .bg_wrapper.bg3 {
    background: url(../../web/img/product_lay4_bg3.png) no-repeat ;
    background-size:100% 100%;
}
.index_lay_4 .layui-tab-item .bg_wrapper .right_wrapper img {
    margin-top: 23px ;
}
.index_lay_4 .layui-tab-item .bg_wrapper .right_wrapper.pic1 img {
    width: 735px;
    height: 584px;
}
.index_lay_4 .layui-tab-item .bg_wrapper .right_wrapper.pic2 img {
    width: 550px;
    height: 584px;
}
.index_lay_4 .layui-tab-item .bg_wrapper .right_wrapper.pic3 img {
     width: 768px;
     height: 584px;
 }

.index_lay_4 .layui-tab-item .bg_wrapper .left_wrapper {
    float: left;
    width: 353px;
    margin-top: 70px;
    margin-right: 70px;
}
.index_lay_4 .layui-tab-item .bg_wrapper .left_wrapper h3{
    font-family: PingFang-SC-Bold;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 0px;
    color: #ffffff;
}
.index_lay_4 .layui-tab-item .bg_wrapper .left_wrapper p{
    font-family: PingFang-SC-Medium;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    color: #ffffff;
    margin-top: 30px ;
}


.index_lay_5{  margin-top: 130px ;}

.product .index_lay_6 {  background-color: #f8faff;  height: 622px ;}
.product .index_lay_6 .main_wrap {
    padding-top: 9px;
}
.product .index_lay_6 .div_wrapper {
    padding-top: 50px ;
}
.product .index_lay_6 .div_wrapper .unit{
    float: left;
    width: 200px ;
    margin: 3px 49px ;
}
.product .index_lay_6 .div_wrapper .unit .unit_text{
    background: #fff;
    height: 130px ;
    padding-top: 20px ;
    padding-left: 6px ;width: 270px;
}
.product .index_lay_6 .div_wrapper .unit .unit_text h3{
    font-family: PingFang-SC-Bold;
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #2b2847;
}
.product .index_lay_6 .div_wrapper .unit p{
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #74778b;
}
.product .index_lay_6 .div_wrapper .unit img{ width: 270px;  height: 200px;}