@font-face {
    font-family: 'bdzyjtgb10';
    src: url("../font/百度综艺简体.ttf");
}

body {
    margin: 0;
    cursor: default;
}

html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td ,dd,dt {
    margin: 0;
    padding: 0;
}

html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form,button, textarea, iframe, table, th, td ,dd,dt {
    margin: 0;
    padding: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    outline: none
}

a {
    text-decoration: none;
}

ul {
    margin: 0;
    padding: 0;
}

p {
    margin: 0;
}

ul li {
    list-style-type: none;
}

input[type="button"] {
    cursor: pointer;
}

button {
    cursor: pointer;
}

body {
    padding-bottom: 150px;
}

@media (min-width: 1020px) {
    #H5 {
        display: none;
    }

    .H5banner {
        display: none;
    }
}

.BANNERS {
    width: 100%;
}

.BANNERS .swiper-container {
    width: 100%;
    height: 100%;
}

.BANNERS .swiper-slide {
    width: 100%;
    height: 100%;
}

.BANNERS .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    background: white;
    opacity: 1;
}

.BANNERS .swiper-pagination-bullet-active {
    background: #00FFFF !important;
    opacity: 1;
}

.banner {
    width: 100%;
    height: 510px;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.banne {
    width: 875px;
    background: rgba(79,63,244,0.39);
    box-sizing: border-box;
    padding: 30px;
    border-radius: 10px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.banne1 {
    width: 100%;
    font-size: 42px;
    color: #01FFFF;
}

.banne2 {
    width: 100%;
    font-size: 46px;
    color: white;
    font-weight: bold;
}

.banne3 {
    width: 100%;
    font-size: 23px;
    color: #01FFFF;
}

.ITXQS {
    width: 100%;
    box-sizing: border-box;
    padding-top: 60px;
}

.itxq1 {
    width: 100%;
    text-align: center;
    font-size: 36px;
    color: #000000;
}

.itxq2 {
    width: 100%;
    text-align: center;
    margin-top: 25px;
    font-size: 16px;
    color: #4C4C4C;
}

.ITXFS {
    width: 100%;
    display: flex;
    margin-top: 50px;
}

.ITXF {
    width: 1200px;
    margin: auto;
}

.ITXF .swiper-container {
    width: 100%;
    height: 100%;
}

.ITXF .swiper-slide {
    width: 100%;
    height: 100%;
}

.itxf1 {
    width: 100%;
    float: left;
    /* margin-right: 2%; */
    font-size: 24px;
    color: #343435;
    text-align: center;
}

.itxf1:last-child {
    margin-right: 0;
}

.itxf1 img {
    width: 60px;
    height: 60px;
    display: block;
    margin: auto;
    margin-bottom: 10px;
}

.itxf1.active {
    color: #E9804E;
}

.itxf11 {
    margin: auto;
    margin-top: 15px;
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 15px solid transparent;
}

.itxf1.active .itxf11 {
    border-bottom: 15px solid #F1F3FA;
}

.ITXTS {
    width: 100%;
    display: flex;
    background: #F1F3FA;
}

.ITXT {
    width: 1200px;
    display: none;
    margin: 40px auto;
}

.itxtli {
    width: 100%;
    display: inline-block;
}

.itxtli1 {
    width: 24%;
    height: 290px;
    box-sizing: border-box;
    padding: 20px;
    float: left;
    background-image: url(/https/www.wolf-lab.com/static/images/img4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.itxtli1_1 {
    width: 100%;
    font-size: 23px;
    color: white;
    font-weight: bold;
}

.itxtli1_2 {
    height: 4px;
    display: block;
    margin-top: 15px;
}

.itxtli1_3 {
    width: 100%;
    height: 54%;
    margin-top: 30px;
    font-size: 14px;
    color: white;
    overflow: hidden;
}

.itxtli1_4 {
    width: 100%;
    display: block;
    text-align: right;
    font-size: 14px;
    color: #5148F1;
    margin-top: 20px;
}

.itxtli2 {
    width: 17%;
    height: 290px;
    background: white;
    box-sizing: border-box;
    padding: 20px;
    float: left;
    margin-left: 2%;
}

.itxtli2_1 {
    width: 100%;
    font-size: 23px;
    color: #E97F4E;
    font-weight: bold;
}

.itxtli2_2 {
    width: 100%;
    max-height: 52%;
    margin-top: 20px;
    font-size: 16px;
    color: #666666;
    overflow: hidden;
}

.itxtli2_2 span {
    color: #F00A1D;
}

.itxtli2_3 {
    width: 100%;
    display: block;
    height: 30px;
    border-radius: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: white;
    margin-top: 20px;
    background-image: url(/https/www.wolf-lab.com/static/images/img7.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.MFSTS {
    width: 100%;
    display: flex;
    background-image: url(/https/www.wolf-lab.com/static/images/img8.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.MFST {
    width: 1200px;
    margin: 50px auto;
}

.mfst1 {
    width: 100%;
    text-align: center;
    font-size: 36px;
    color: #FF9600;
}

.mfst2 {
    width: 100%;
    text-align: center;
    margin-top: 25px;
    font-size: 16px;
    color: white;
}

.mfst3 {
    width: 100%;
    margin-top: 25px;
    background: white;
    padding: 15px 40px;
    box-sizing: border-box;
    border-radius: 5px;
}

.mfst3_1 {
    width: 100%;
    height: 45px;
    border-radius: 45px;
    background: #EEEEEE;
    display: inline-block;
}

.mfst3_2 {
    width: 87%;
    height: 100%;
    float: left;
    box-sizing: border-box;
    padding: 0 30px;
}

.mfst3_2 img {
    width: 20px;
    display: inline-block;
    vertical-align: middle;
}

.mfst3_2 input {
    border: none;
    outline: none;
    width: 97%;
    height: 100%;
    padding: 0;
    background: #EEEEEE;
    font-size: 14px;
    color: #333333;
    display: inline-block;
    vertical-align: middle;
}

.mfst3_3 {
    width: 13%;
    height: 100%;
    border-radius: 45px;
    background: #F39208;
    text-align: center;
    line-height: 45px;
    color: white;
    font-size: 16px;
    float: left;
}

.mfst4 {
    width: 100%;
    margin-top: 20px;
    background: white;
    box-sizing: border-box;
    padding: 25px 20px;
}

.mfst4_1 {
    border-bottom: 1px solid #ECEEF4;
    box-sizing: border-box;
    padding: 20px 0;
    display: inline-block;
    width: 100%;
}

.mfst41_1 {
    /* border: 1px solid red; */
    box-sizing: border-box;
    width: 40%;
    font-size: 24px;
    color: #333333;
    font-weight: bold;
    float: left;
}

.mfst41_2 {
    /* border: 1px solid red; */
    box-sizing: border-box;
    width: 17.5%;
    font-size: 24px;
    color: #333333;
    font-weight: bold;
    float: left;
    text-align: center;
}

.mfst41_3 {
    /* border: 1px solid red; */
    box-sizing: border-box;
    width: 10%;
    font-size: 24px;
    color: #333333;
    font-weight: bold;
    float: left;
    text-align: center;
}

.mfst41_4 {
    /* border: 1px solid red; */
    box-sizing: border-box;
    width: 15%;
    font-size: 24px;
    color: #333333;
    font-weight: bold;
    float: left;
    text-align: center;
}

.mfst4_2 {
    width: 100%;
    max-height: 700px;
    overflow-y: auto;
}

.mfst42 {
    border-bottom: 1px dashed #ECEEF4;
    box-sizing: border-box;
    width: 100%;
    padding: 15px 0;
    display: inline-block;
}

.mfst42_1 {
    /* border: 1px solid red; */
    box-sizing: border-box;
    width: 40%;
    float: left;
    margin-top: 5px;
}

.mfst421_1 {
    max-width: 95%;
    font-size: 16px;
    color: #000000;
    display: inline-block;
    vertical-align: middle;
}

.mfst421_2 {
    width: 15px;
    display: inline-block;
    vertical-align: text-top;
}

.mfst42_2 {
    /* border: 1px solid red; */
    box-sizing: border-box;
    width: 17.5%;
    float: left;
    text-align: center;
    font-size: 16px;
    color: #666666;
    margin-top: 5px;
}

.mfst42_3 {
    /* border: 1px solid red; */
    box-sizing: border-box;
    width: 10%;
    float: left;
    text-align: center;
    font-size: 16px;
    color: #666666;
    margin-top: 5px;
}

.mfst42_4 {
    /* border: 1px solid red; */
    box-sizing: border-box;
    width: 15%;
    float: left;
    text-align: center;
}

.mfst424 {
    border: 1px solid #FF9600;
    box-sizing: border-box;
    width: 95px;
    height: 35px;
    border-radius: 35px;
    display: block;
    color: #FF9600;
    font-size: 14px;
    text-align: center;
    line-height: 35px;
    margin: auto;
}

.mfst424:hover {
    background: #FF9600;
    color: white;
}

.mfst5 {
    border: 2px solid #F39208;
    box-sizing: border-box;
    font-size: 24px;
    color: #F39208;
    font-weight: bold;
    width: 430px;
    height: 65px;
    border-radius: 65px;
    text-align: center;
    line-height: 60px;
    display: block;
    margin: auto;
    margin-top: 30px;
}

.mfst5 span {
    display: inline-block;
    vertical-align: middle;
}

.mfst5 img {
    width: 20px;
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
}

.SZTDS {
    width: 100%;
    display: flex;
    background: #F6F6F6;
}

.SZTD {
    width: 1200px;
    margin: 45px auto;
}

.sztd1 {
    width: 100%;
    text-align: center;
    font-size: 36px;
    color: #000000;
}

.sztd2 {
    width: 100%;
    text-align: center;
    margin-top: 25px;
    font-size: 16px;
    color: #4C4C4C;
}

.sztd3 {
    width: 100%;
    margin-top: 20px;
}

.sztd3 .swiper-father {
    width: 100%;
    height: 100%;
    position: relative
}

.sztd3 .swiper-container {
    width: 90%;
    height: 100%;
}

.sztd3 .swiper-slide {
    width: 100%;
    height: 100%;
}

.sztd3 .swiper-button-prev {
    width: 25px;
    height: 45px;
    background-image: url(/https/www.wolf-lab.com/static/images/prev.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.sztd3 .swiper-button-prev:hover {
    background-image: url(/https/www.wolf-lab.com/static/images/prev-s.png);
}

.sztd3 .swiper-button-next {
    width: 25px;
    height: 45px;
    background-image: url(/https/www.wolf-lab.com/static/images/next.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.sztd3 .swiper-button-next:hover {
    background-image: url(/https/www.wolf-lab.com/static/images/next-s.png);
}

.sztd31 {
    width: 100%;
    height: 425px;
    box-sizing: border-box;
    padding: 25px 15px;
    display: block;
    border-radius: 10px;
    background-image: url(/https/www.wolf-lab.com/static/images/img12.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.sztd31:hover {
    background-image: url(/https/www.wolf-lab.com/static/images/img15.png);
    background-size: 100% 100%;
}

.sztd31:hover .sztd31_2 {
    color: white;
}

.sztd31:hover .sztd31_4 {
    color: white;
}

.sztd31:hover .sztd31_5 {
    color: white;
}

.sztd31:hover .sztd31_6 {
    display: block;
}

.sztd31_1 {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: block;
    box-shadow: 0 0 10px #333333;
    margin: auto;
}

.sztd31_2 {
    width: 100%;
    text-align: center;
    margin-top: 25px;
    font-size: 16px;
    color: #000000;
}

.sztd31_3 {
    height: 4px;
    display: block;
    margin: auto;
    margin-top: 10px;
}

.sztd31_4 {
    width: 100%;
    margin-top: 15px;
    text-align: center;
    font-size: 14px;
    color: #000000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.sztd31_5 {
    width: 100%;
    margin-top: 15px;
    font-size: 12px;
    color: #999999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.sztd31_6 {
    width: 130px;
    height: 30px;
    border-radius: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 12px;
    color: #E97F4E;
    margin: auto;
    margin-top: 30px;
    background: white;
    display: none;
}

.sztd4 {
    border: 1px solid #4F3FF4;
    box-sizing: border-box;
    width: 175px;
    height: 45px;
    border-radius: 10px;
    display: block;
    margin: auto;
    margin-top: 20px;
    color: #4F3FF4;
    font-size: 16px;
    text-align: center;
    line-height: 45px;
}

.FYDS {
    width: 100%;
    display: flex;
    background-image: url(/https/www.wolf-lab.com/static/images/img16.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.FYD {
    width: 1200px;
    margin: 60px auto;
}

.fyd1 {
    width: 100%;
    text-align: center;
    font-size: 36px;
    color: white;
}

.fyd2 {
    width: 100%;
    margin-top: 25px;
    text-align: center;
    font-size: 16px;
    color: white;
}

.fyd3 {
    width: 100%;
    margin-top: 10px;
    text-align: center;
    font-size: 18px;
    color: white;
}

.fyd4 {
    border-top: 1px solid rgba(255,255,255,0.5);
    border-bottom: 1px solid rgba(255,255,255,0.5);
    box-sizing: border-box;
    width: 100%;
    padding: 20px 0;
    display: inline-block;
    margin-top: 15px;
}

.fyd4_1 {
    border-right: 1px solid rgba(255,255,255,0.5);
    box-sizing: border-box;
    width: 20%;
    float: left;
    text-align: center;
}

.fyd4_1:last-child {
    border-right: 0;
}

.fyd41_1 {
    width: 100%;
    font-size: 16px;
    color: #01FFFF;
}

.fyd41_1 span {
    font-size: 53px;
}

.fyd41_2 {
    width: 100%;
    margin-top: 10px;
    font-size: 18px;
    color: white;
}

.DZHXXS {
    width: 100%;
    display: flex;
}

.DZHXX {
    width: 1200px;
    margin: 50px auto;
}

.dzhxx1 {
    width: 100%;
    text-align: center;
    font-size: 36px;
    color: #000000;
}

.dzhxx2 {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    font-size: 16px;
    color: #4C4C4C;
}

.dzhxx3 {
    width: 100%;
    margin-top: 20px;
    display: inline-block;
}

.dzhxx3_1 {
    /* border: 1px solid red; */
    box-sizing: border-box;
    width: 20%;
    height: 215px;
    border-radius: 30px;
    float: left;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.dzhxx3_2 {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.dzhxx32_1 {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin: auto;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.dzhxx3_1.asxf1 .dzhxx32_1 {
    background-image: url(/https/www.wolf-lab.com/static/images/img17.png);
}

.dzhxx3_1.asxf2 .dzhxx32_1 {
    background-image: url(/https/www.wolf-lab.com/static/images/img19.png);
}

.dzhxx3_1.asxf3 .dzhxx32_1 {
    background-image: url(/https/www.wolf-lab.com/static/images/img20.png);
}

.dzhxx3_1.asxf4 .dzhxx32_1 {
    background-image: url(/https/www.wolf-lab.com/static/images/img21.png);
}

.dzhxx3_1.asxf5 .dzhxx32_1 {
    background-image: url(/https/www.wolf-lab.com/static/images/img22.png);
}

.dzhxx3_1.asxf6 .dzhxx32_1 {
    background-image: url(/https/www.wolf-lab.com/static/images/img23.png);
}

.dzhxx3_1.asxf7 .dzhxx32_1 {
    background-image: url(/https/www.wolf-lab.com/static/images/img24.png);
}

.dzhxx3_1.asxf8 .dzhxx32_1 {
    background-image: url(/https/www.wolf-lab.com/static/images/img25.png);
}

.dzhxx3_1.asxf9 .dzhxx32_1 {
    background-image: url(/https/www.wolf-lab.com/static/images/img26.png);
}

.dzhxx3_1.asxf10 .dzhxx32_1 {
    background-image: url(/https/www.wolf-lab.com/static/images/img27.png);
}

.dzhxx32_1 img {
    height: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.dzhxx32_2 {
    width: 100%;
    margin-top: 25px;
    text-align: center;
    font-size: 18px;
    color: #5E5C5E;
}

.dzhxx32_2 span {
    font-family: "Arial";
    font-size: 30px;
    font-weight: bold;
    font-style: italic;
}

.dzhxx3_3 {
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.dzhxx33_1 {
    height: 60px;
    display: block;
    margin: auto;
}

.dzhxx33_2 {
    width: 100%;
    margin-top: 25px;
    text-align: center;
    font-size: 23px;
    color: white;
}

.dzhxx3_1.asxf1:hover {
    background-image: url(/https/www.wolf-lab.com/static/images/img17.png);
}

.dzhxx3_1.asxf2:hover {
    background-image: url(/https/www.wolf-lab.com/static/images/img19.png);
}

.dzhxx3_1.asxf3:hover {
    background-image: url(/https/www.wolf-lab.com/static/images/img20.png);
}

.dzhxx3_1.asxf4:hover {
    background-image: url(/https/www.wolf-lab.com/static/images/img21.png);
}

.dzhxx3_1.asxf5:hover {
    background-image: url(/https/www.wolf-lab.com/static/images/img22.png);
}

.dzhxx3_1.asxf6:hover {
    background-image: url(/https/www.wolf-lab.com/static/images/img23.png);
}

.dzhxx3_1.asxf7:hover {
    background-image: url(/https/www.wolf-lab.com/static/images/img24.png);
}

.dzhxx3_1.asxf8:hover {
    background-image: url(/https/www.wolf-lab.com/static/images/img25.png);
}

.dzhxx3_1.asxf9:hover {
    background-image: url(/https/www.wolf-lab.com/static/images/img26.png);
}

.dzhxx3_1.asxf10:hover {
    background-image: url(/https/www.wolf-lab.com/static/images/img27.png);
}

.dzhxx3_1:hover .dzhxx3_2 {
    display: none;
}

.dzhxx3_1:hover .dzhxx3_3 {
    display: block;
}

.dzhxx4 {
    width: 490px;
    height: 70px;
    border-radius: 70px;
    display: block;
    margin: auto;
    margin-top: 45px;
    text-align: center;
    line-height: 65px;
    font-size: 24px;
    color: white;
    font-weight: bold;
    background-image: url(/https/www.wolf-lab.com/static/images/img36.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.dzhxx4 img {
    width: 45px;
    margin-right: 50px;
    display: inline-block;
    vertical-align: middle;
}

.dzhxx4 span {
    display: inline-block;
    vertical-align: middle;
}

.WOLFLABS {
    width: 100%;
    display: flex;
    background-image: url(/https/www.wolf-lab.com/static/images/img39.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.WOLFLAB {
    width: 1200px;
    margin: 65px auto;
}

.wolflab1 {
    width: 100%;
    text-align: center;
    font-size: 36px;
    color: #000000;
}

.wolflab2 {
    width: 100%;
    margin-top: 25px;
    font-size: 16px;
    color: #4C4C4C;
    text-align: center;
}

.wolflab3 {
    width: 100%;
    margin-top: 80px;
    position: relative;
}

.wolflab3_1 {
    width: 555px;
    position: absolute;
    left: 50%;
    top: 35%;
    transform: translate(-50%,-50%);
}

.wolflab31_1 {
    width: 100%;
    display: block;
}

.wolflab31_2 {
    width: 100%;
    text-align: center;
    font-size: 38px;
    color: #5148F1;
    font-weight: bold;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.wolflab3_2 {
    width: 100%;
    position: relative;
}

.wolflab32 {
    width: 100%;
    margin-bottom: 40px;
    display: inline-block;
}

.wolflab32:last-child {
    margin-bottom: 0;
}

.wolflab32_1 {
    width: 355px;
    border-radius: 15px;
    float: left;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
}

.wolflab321_1 {
    border-bottom: 10px solid #E36F6E;
    width: 100%;
    height: 55px;
    background: #4F3FF4;
    text-align: center;
    line-height: 55px;
    color: white;
    font-size: 24px;
    font-weight: bold;
    border-radius: 15px 15px 0 0;
}

.PCbanner {
    display: block;
}

.h5banner {
    display: none;
}

.wolflab321_2 {
    width: 100%;
    box-sizing: border-box;
    min-height: 125px;
    border-radius: 0 0 15px 15px;
    padding: 20px;
    font-size: 18px;
    color: #666666;
}

.wolflab32_2 {
    width: 355px;
    border-radius: 15px;
    float: right;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
}

.wolflab32_3 {
    width: 355px;
    border-radius: 15px;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
}

/* ------------------------------     3.26     ----------------------- */
/** 常用class **/
.tc {
    text-align: center;
}

.tl {
    text-align: left
}

.tr {
    text-align: right
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.clearfix {
    zoom:1;}

.clearfix:before,.clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}

.clearfix:after {
    clear: both;
}

.b,.b * {
    font-weight: normal;
    font-style: normal
}

.em {
    font-style: normal
}

.ov {
    overflow: hidden
}

.wp {
    max-width: 1200px;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 96%;
}

.inbk {
    display: inline-block;
    vertical-align: middle;
}

.inbkT {
    display: inline-block;
    vertical-align: top;
}

/** 弹窗 **/
.pup {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0.5);
    display: none;
    overflow-y: auto;
}

.pup-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.pup-box {
    display: inline-block;
    background: #fff;
    position: relative;
    padding: 30px;
    z-index: 20;
    max-height: 90%;
    max-width: 90%;
    overflow-y: auto
}

.pup-full-close.pup-close {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 10
}

.pup-box .pup-close {
    background: url(/https/www.wolf-lab.com/static/images/close.png) no-repeat center center;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
}

.pup-btn {
    cursor: pointer;
}

.padb {
    padding: 45px 0;
}

/* 首页内部推荐岗位*/
.inNbtjBg {
    background: #f5f6f6;
}

.h_tit {
    font-size: 36px;
    color: #333;
    margin-bottom: 25px;
    text-align: center;
}

.inNbtit {
    text-align: right;
    font-size: 16px;
    color: #5242f4;
    margin-bottom: 8px;
    display: block;
}

.inNbtit img {
    margin-right: 5px;
}

.innbBox li {
    width: 23%;
    margin: 0 1%;
    background: #fff;
    box-sizing: border-box;
    padding: 20px 12px;
    border-radius: 5px 5px 25px 5px;
    float: left;
}

.innbtjll {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    font-family: "微软雅黑 ";
    margin-bottom: 10px;
}

.innbzpyq {
    font-size: 14px;
    color: #333;
}

.incopyname {
    font-size: 12px;
    color: #666;
}

.incoptime {
    font-size: 12px;
    color: #9a9a9a;
    margin-top: 5px;
}

.inNbBotom {
    border-top: 1px dashed #a0a0a0;
    padding: 5px 0;
    margin-top: 10px;
}

.inNbBotom dd {
    padding: 5px 0 5px 10px;
    font-size: 14px;
    color: #333;
}

.inNbBotom dd p {
    position: relative;
}

.inNbBotom dd p:before {
    content: "";
    position: absolute;
    left: -8px;
    width: 6px;
    height: 6px;
    background: #333333;
    top: 50%;
    -webkit-transform: translate(0%,-50%);
    -moz-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
}

.inNbBotom dd span {
    font-size: 13px;
    color: #676767;
    margin-top: 4px;
    display: inline-block;
}

.inNbBotom dd span.kcyq {
    border: 1px solid #f5f5f5;
    border-radius: 3px;
    padding: 2px 3px;
}

.inNbhref {
    font-size: 12px;
    color: #4f3ff4;
    border: 1px solid #4f3ff4;
    width: 170px;
    line-height: 28px;
    height: 28px;
    border-radius: 28px;
    display: block;
    margin: 8px auto 0;
    text-align: center;
}

.ckMore {
    font-size: 16px;
    color: #4f3ff4;
    border: 1px solid #4f3ff4;
    border-radius: 10px;
    width: 175px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    margin: 40px auto 0;
    display: block;
}

.hp_tit {
    text-align: center;
    margin-bottom: 25px;
}

.hp_tit span {
    color: #4f3ff4;
    font-size: 16px;
    text-align: center;
    border: 1px solid #856de7;
    border-radius: 5px;
    padding: 7px 20px;
    display: inline-block;
    margin: 0 10px;
}

.hp_tit span.act_hp {
    background: #4f3ff4;
    color: #fff;
}

.hpbox {
    display: none;
}

.hpbox.act_hp {
    display: block;
}

.innewSwiper .swiper-slide {
    padding-top: 20px;
}

.innewBox {
    position: relative;
    box-sizing: border-box;
    box-shadow: 0 0 5px #ccc;
    margin: 5px;
}

.innewImg {
    position: relative;
    padding: 10px;
}

.innewImg img {
    max-width: 100%;
}

.innTime {
    background: #4f3ff4;
    color: #fefefe;
    font-size: 12px;
    text-align: center;
    position: absolute;
    top: 0;
    padding: 8px 3px;
    right: 5%;
    -webkit-transform: translate(0%,-30%);
    -moz-transform: translate(0%,-30%);
    -ms-transform: translate(0%,-30%);
    -o-transform: translate(0%,-30%);
    transform: translate(0%,-30%);
}

.innTime span {
    font-size: 16px;
}

.innewCont {
    width: 100%;
}

.innewTop {
    position: relative;
    box-sizing: border-box;
    padding: 0 10px 10px;
    border-bottom: 2px solid #d4d4d4;
    font-size: 14px;
    color: #666;
}

.innewcnt {
    font-size: 12px;
    color: #a2a2a2;
    box-sizing: border-box;
    padding: 10px;
    text-indent: 2em;
}

.readmore {
    font-size: 12px;
    color: #4f3ff4;
    margin-top: 10px;
    position: relative;
    text-align: right;
    display: block;
    text-indent: inherit;
}

.readmore::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 1px;
    background: #4f3ff4;
    right: 80%;
    top: 50%;
    -webkit-transform: translate(0%,-50%);
    -moz-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
}

.innewBox:hover .innewCont {
    background: #4f3ff4;
    color: #fff;
}

.innewBox:hover .innewCont .innewTop {
    color: #fff;
}

.innewBox:hover .innewCont .innewcnt {
    color: #fff;
}

.innewBox:hover .innewCont .readmore {
    color: #fff;
}

.innewBox:hover .innewCont .readmore::before {
    background: #fff;
}

.makeBg {
    background: url(/https/www.wolf-lab.com/static/images/fotbg.jpg) no-repeat center;
    background-size: 100% 100%;
    padding: 25px 0;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 999;
}

.makefl {
    color: #fff;
    font-size: 18px;
}

.makefl h3 {
    font-size: 32px;
    margin-bottom: 10px;
}

.makefr {
    width: 70%
}

.makefr ul li {
    float: left;
    margin-left: 2%;
    width: 25%;
    padding-top: 35px;
}

.makefr ul li:last-child {
    width: 16%;
}

.makefr ul li input {
    width: 100%;
    box-sizing: border-box;
    padding-left: 38px;
    background-size: 100% 100%;
    height: 36px;
    line-height: 36px;
    border: none;
}

.makefr ul li input.name {
    background: #fff url(/https/www.wolf-lab.com/static/images/intxt01.png) no-repeat left center;
}

.makefr ul li input.qq {
    background: #fff url(/https/www.wolf-lab.com/static/images/intxt02.png) no-repeat left center;
}

.makefr ul li input.phone {
    background: #fff url(/https/www.wolf-lab.com/static/images/intxt03.png) no-repeat left center;
}

.makebtn {
    width: 100%;
    color: #fff;
    font-size: 16px;
    background: #dc7811;
    height: 36px;
    line-height: 36px;
    border: none;
}

.footer {
    background: #1e1e1e;
}

.footerTop {
    padding: 25px 0;
    overflow: hidden;
}

.footerBot {
    color: #fff;
    font-size: 12px;
    padding: 8px 0;
    background: #000000;
    text-align: center;
}

.footerTop li {
    float: left;
}

.footFist {
    width: 27%;
    padding-top: 10px;
}

.footSecd {
    width: 50%;
    box-sizing: border-box;
    padding: 5px 0 5px 30px;
    font-size: 14px;
    color: #fff;
    border-left: 1px solid #bbbbbb;
    border-right: 1px solid #bbbbbb;
}

.footThree {
    width: 23%;
    font-size: 12px;
    color: #fff;
    text-align: center;
}

.footThree .watl {
    margin: 0 8px;
}

/* 网络安全渗透 */
.nybaner {
    position: relative;
    width: 100%;
}

.nybaner img {
    width: 100%;
    display: block;
}

.nrText {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 16px;
    color: #00ffff;
    text-align: center;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.nrText h3 {
    font-size: 36px;
    color: #fff;
    margin-bottom: 10px;
}

.subBg {
    background: #f5f5f5;
}

.currtBox {
    height: 46px;
    line-height: 46px;
    color: #343434;
    font-size: 14px;
    border-bottom: 1px solid #bfbfbf;
}

.currtBox a {
    color: #343434;
}

.currtBox a:hover {
    color: #4f3ff4;
}

.subBox {
    padding: 25px 0;
    text-align: center;
}

.subBox a {
    font-size: 16px;
    color: #fff;
    width: 200px;
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
    display: inline-block;
    margin: 0 10px;
    background: #4f3ff4;
}

.subBox a:hover,.subBox a.on {
    background: url(/https/www.wolf-lab.com/static/images/subbg.jpg) no-repeat center;
    background-size: 100% 100%;
}

.zxse {
    line-height: 0;
}

.wlanstBox {
    display: block;
}

.wlanstBox .wolflab31_2 {
    font-size: 26px;
}

.wlanstBox .wolflab3_1 {
    top: 50%;
}

.wlanstBox .wolflab32 {
    display: block;
}

.wlanstBox .wolfSty {
    width: 94%;
    margin: 0 auto 40px;
}

.wolfKf {
    background: #00479d;
    font-size: 18px;
    color: #fff;
    width: 230px;
    height: 55px;
    line-height: 55px;
    border-radius: 55px;
    display: block;
    margin: 20px auto 0;
    text-align: center;
}

.wolfKf img {
    margin-right: 8px;
}

.kcbkBg {
    background: url(/https/www.wolf-lab.com/static/images/kcbb.jpg) no-repeat center bottom;
}

.kcbkBox ul li {
    width: 27.3%;
    margin: 20px 3%;
    box-sizing: border-box;
    box-shadow: 0 0 5px #ccc;
    padding: 3px;
    background: #fff;
    float: left;
}

.kcbkBot {
    color: #000000;
    font-size: 18px;
    text-align: center;
    padding: 30px 0;
}

.kcbkBox ul li img {
    max-width: 100%;
    width: 100%;
}

.kcLine {
    height: 2px;
    width: 88px;
    background: #fbb200;
    margin: 15px auto 0;
}

.cklkMore {
    font-size: 18px;
    color: #00479d;
    background: url(/https/www.wolf-lab.com/static/images/subbg.jpg) no-repeat center;
    background-size: 100% 100%;
    width: 345px;
    height: 58px;
    line-height: 58px;
    display: block;
    margin: 30px auto 0;
    text-align: center;
    border-radius: 58px;
    font-weight: bold;
}

.wlaqstGg {
    padding: 12px 0;
    width: 100%;
}

.wlaqGgfl,.wlaqGgfr {
    position: relative;
    width: 49.5%;
}

.wlaqstGg img {
    display: block;
    width: 100%;
}

.wlanqGtext {
    position: absolute;
    top: 50%;
    right: 13%;
    -webkit-transform: translate(0%,-50%);
    -moz-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
}

.wlanqGtext h3 {
    font-size: 34px;
    background-image: -webkit-linear-gradient(#ea8250, #f1b754);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
}

.wlanqGtext h3::before {
    content: "";
    position: absolute;
    width: 130px;
    height: 2px;
    background: #fff;
    bottom: -2px;
}

.wlanqGtext p {
    font-size: 16px;
    color: #fff;
    margin-top: 5px;
}

.wlaqGgfr .wlanqGtext {
    left: 20%;
    right: inherit;
    text-align: right;
}

.wlaqGgfr .wlanqGtext h3::before {
    right: 0;
}

/* 新闻列表 */
.newBg {
    padding: 20px 0;
}

.newFl {
    width: 70%;
    box-sizing: border-box;
}

.newFr {
    width: 28%;
    box-sizing: border-box;
}

.newFl ul li {
    width: 100%;
    padding: 50px 15px 20px;
    border-bottom: 1px dashed #bfbfbf;
    box-sizing: border-box;
}

.imgW {
    overflow: hidden;
}

.newFl ul li .imgW {
    width: 270px;
}

.newCent {
    padding-left: 15px;
    font-size: 14px;
    color: #838383;
}

.newCent h3 {
    font-size: 18px;
    color: #000;
    margin-bottom: 25px;
    position: relative;
}

.newCent h3::before {
    content: "";
    width: 60px;
    height: 3px;
    background: #4f3ff4;
    position: absolute;
    bottom: 0px;
    margin-bottom: -10px;
    left: 0;
}

.newCent a {
    color: #707070;
    font-size: 18px;
    margin-top: 10px;
    display: block;
    float: right;
}

.newFl ul li:hover .newCent a {
    color: #4f3ff4;
}

.newFrTit {
    color: #fff;
    font-size: 24px;
    padding: 0 15px;
    background: #4f3ff4;
    font-weight: bold;
    height: 55px;
    line-height: 55px;
}

.newfrCon li a {
    display: block;
    font-size: 14px;
    color: #666;
    border-bottom: 1px dashed #bfbfbf;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.newfrCon li a:hover {
    color: #4f3ff4;
}

.newtpc a {
    display: block;
    line-height: 0;
    margin: 10px 0;
}

/*turnpage8*/
.turnpage8 {
    margin: 30px auto;
    font-size: 0;
    text-align: center;
}

.turnpage8 a,.turnpage8 span {
    display: inline-block;
    padding: 4px 10px;
    font-size: 12px;
    margin: 0 5px;
    color: #333;
    border: 1px solid #d7d7d7;
}

.turnpage8 a:hover {
    color: #fff;
    background-color: #4f3ff4;
    border-color: #4f3ff4;
}

.current8 {
    color: #fff !important;
    background-color: #4f3ff4 !important;
    border-color: #4f3ff4 !important;
}

/* 新闻详情 */
.in_sh {
    padding: 20px;
    box-shadow: 0 0 5px #ccc;
    margin-top: 40px;
}

.in_sh .in_tit {
    border-bottom: 1px solid #ccc;
    padding: 4px 0 20px;
    text-align: center;
}

.in_sh .in_tit h4 {
    font-size: 30px;
    color: #000;
    margin-bottom: 24px;
}

.in_sh .in_tit p {
    font-size: 12px;
    color: #878787;
}

.in_sh .in_tit p span {
    margin: 0 10px;
}

.in_sh .sh_con {
    margin-top: 18px;
}

.in_sh .sh_con .wz {
    font-size: 14px;
    color: #555;
    line-height: 2;
    text-indent: 2em;
}

.in_sh .sh_con .wz p {
    font-size: 14px;
    color: #555;
    line-height: 2;
    text-indent: 2em;
}

.in_sh .sh_con .tp {
    display: block;
}

.in_sh .pnpage {
    line-height: 2em;
    padding: 20px 0 0px 0px;
    color: #666;
    border-top: 1px solid #ccc;
}

.in_sh .pnpage p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.in_sh .pnpage a {
    color: #666;
}

.in_sh .pnpage a:hover {
    color: #4f3ff4;
}

.ffml {
    font-size: 16px;
    color: #fff;
    width: 200px;
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
    background: #4f3ff4;
    display: block;
    margin: auto;
    margin-top: 20px;
    text-align: center;
}

.technologyBt a {
    font-size: 18px;
    color: #fff;
    background: #f39208;
    width: 90%;
    height: 56px;
    line-height: 56px;
    border-radius: 56px;
    display: block;
    text-align: center;
    margin: 20px auto;
}

.technologyList li {
    position: relative;
    padding-right: 80px;
    border-bottom: 1px dashed #bfbfbf;
    height: 45px;
    line-height: 45px;
}

.technologyList li a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    width: 80%;
}

.technologyList li span.time {
    position: absolute;
    font-size: 12px;
    color: #d0d0d0;
    right: 5px;
    top: 50%;
    -webkit-transform: translate(0%,-50%);
    -moz-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
}

.technologyList li .onew {
    font-size: 14px;
    color: #fff;
    background: #c50000;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    display: inline-block;
}

.technologyList li:nth-child(2) .onew {
    background: #eb6100;
}

.technologyList li:nth-child(3) .onew {
    background: #f39800;
}

.technologyList li a:hover {
    color: #4f3ff4;
}

/* 技术文档 */
.technologySearchbg {
    background-image: -webkit-linear-gradient(#e60012, #a5000d);
    padding: 10px 35px;
    box-sizing: border-box;
}

.technologySearcBox {
    position: relative;
}

.technologySearcBox .techText {
    width: 100%;
    box-sizing: border-box;
    padding: 0 25px;
    line-height: 36px;
    height: 36px;
    border-radius: 36px;
    border: none;
}

.techButon {
    width: 116px;
    height: 36px;
    line-height: 36px;
    border-radius: 36px;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    font-size: 18px;
    color: #fff;
    background: url(/https/www.wolf-lab.com/static/images/subbg.jpg) no-repeat center;
    background-size: 100% 100%;
}

.technologyBox ul li {
    border: 1px solid #cccccc;
    box-shadow: 0 0 5px #ccc;
    box-sizing: border-box;
    padding: 15px 170px 15px 24px;
    margin-top: 15px;
    position: relative;
}

.technologyBox ul li h3 {
    font-size: 18px;
    color: #272727;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 5px;
}

.technoloCont {
    color: #c4c4c4;
    font-size: 14px;
    line-height: 24px;
}

.technologyBox ul li a {
    font-size: 18px;
    color: #4f3ff4;
    border: 1px solid #4f3ff4;
    border-radius: 35px;
    width: 100px;
    line-height: 35px;
    text-align: center;
    display: block;
    position: absolute;
    top: 50%;
    right: 25px;
    -webkit-transform: translate(0%,-50%);
    -moz-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
}

.technologyBox ul li:hover {
    background: #4f3ff4;
}

.technologyBox ul li:hover h3 {
    color: #fff;
}

.technologyBox ul li:hover a {
    background: #fff;
    border: 1px solid #fff;
}

/* 师资介绍 */
.nybanerts .nrText {
    left: 20%;
    color: #fff;
    text-align: left;
}

.nybanerts .nrText h3 {
    position: relative;
}

.nybanerts .nrText h3::before {
    content: "";
    position: absolute;
    width: 50px;
    height: 1px;
    left: 0;
    bottom: 0;
    margin-bottom: -5px;
    background: #fff;
}

.teamBox .sztd31 {
    width: 23%;
    margin: 0px 1%;
    padding: 15px;
    float: left;
    background: url(/https/www.wolf-lab.com/static/images/teambg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 390px;
}

.teamBox .sztd31:hover {
    background-image: url(/https/www.wolf-lab.com/static/images/img15.png);
    background-size: 100% 100%;
}

/* 师资详情 */
.teamBoxxq {
    width: 100%;
}

.teamxqTop {
    background: #f2f7fb;
    padding: 15px 25px;
    border-radius: 10px;
    box-sizing: border-box;
    margin-bottom: 40px;
}

.teamxqTop .imgW {
    border-radius: 100%;
    padding: 10px;
    background: #8076f6;
    width: 160px;
    box-sizing: border-box;
}

.teamxqTop .imgW img {
    border-radius: 100%;
    display: block;
}

.teamxqtoCont {
    font-size: 16px;
    padding-left: 40px;
    padding-top: 20px;
    color: #333;
}

.teamxqtoCont p {
    margin: 10px 0;
}

.teamxqtoCont h3 {
    font-size: 30px;
    font-weight: inherit;
    color: #333;
}

.xteq {
    font-size: 24px;
    color: #000;
    font-weight: bold;
}

.teamxqTitle {
    width: 100%;
    border-bottom: 4px solid #707070;
}

.teamxqTitle span {
    width: 60px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    display: inline-block;
    background: #005bac;
    margin-bottom: -4px;
}

.teamnr {
    font-size: 14px;
    color: #333;
    line-height: 24px;
    padding: 10px;
}

.djzxbtn {
    font-size: 16px;
    color: #005bac;
    border: 1px solid #005bac;
    width: 135px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    display: block;
}

.djzxbtn:hover {
    background: #005bac;
    color: #fff;
}

/* cissp */
.cisspopBg {
    background: url(/https/www.wolf-lab.com/static/images/cissbg01.jpg) no-repeat center;
    background-size: 100% 100%;
}

.cisspoTit {
    font-size: 16px;
    color: #4c4c4c;
    line-height: 26px;
    text-align: center;
    margin-bottom: 25px;
}

.cisspopBox {
    width: 100%;
}

.cisspopBox ul li {
    width: 31.3%;
    margin: 0 1%;
    float: left;
    background: #fff;
}

.cisspopBox .cisspopBot {
    min-height: 270px;
}

.cisspopTop {
    background: #4f3ff4;
    box-sizing: border-box;
    padding: 25px 20px;
    color: #fff;
    font-size: 24px;
}

.cisspopTop h3 {
    font-size: 30px;
    text-transform: uppercase;
}

.cisspopBot {
    padding: 25px 20px;
    box-sizing: border-box;
    font-size: 16px;
    color: #666;
    line-height: 36px;
}

.cisspopBox ul li:nth-child(2) .cisspopTop {
    background: #ea824f;
}

.cisspopBox ul li:nth-child(3) .cisspopTop {
    background: #aa000e;
}

.cissqjBg {
    background: url(/https/www.wolf-lab.com/static/images/cissbg02.jpg) no-repeat center;
    background-size: 100% 100%;
}

.cissqjBg .h_tit {
    color: #ea824f;
}

.cisskctx .dzhxx3_1 {
    width: 21%;
    margin: 0 2%;
}

.cissSh {
    background: #f4f8fe;
}

.cissSh ul {
    display: flex;
    flex: 1;
}

.cissSh ul li {
    float: left;
    width: 46%;
    margin: 0 2%;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}

.cissSh ul li .cissShTop {
    background: #ea824f;
    padding: 20px 30px;
    font-size: 36px;
    color: #fff;
    font-weight: bold;
}

.cissShBot {
    padding: 20px 25px;
    line-height: 40px;
    color: #515355;
    font-size: 24px;
}

.cissSh ul li:nth-child(2) .cissShTop {
    background: #4f3ff4;
}

.cissSh a {
    font-size: 18px;
    color: #4f3ff4;
    border: 1px solid #4f3ff4;
    width: 220px;
    height: 46px;
    line-height: 46px;
    border-radius: 46px;
    display: block;
    text-align: center;
    margin: 40px auto 0;
}

.cissJyqjBox {
    background: rgba(0,25,59,0.3);
    box-sizing: border-box;
    padding: 30px 40px;
}

.cissJyqjBox .cijytab {
    width: 30%;
}

.cissjyecent {
    width: 70%;
}

.cijytab ul {
    background: url(/https/www.wolf-lab.com/static/images/ciline.png) repeat-y top left;
}

.cijytab ul li {
    position: relative;
    font-size: 18px;
    color: #fff;
    padding-left: 20px;
    margin: 5px 0;
}

.cijytab ul li span {
    color: #ea824f;
    font-size: 32px;
    font-family: "Arial";
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}

.cijytab ul li .cisatv {
    width: 267px;
    height: 51px;
    line-height: 51px;
    box-sizing: border-box;
    padding: 0 20px;
}

.cijytab ul li.on .cisatv {
    background: url(/https/www.wolf-lab.com/static/images/ciarrow.png) no-repeat center;
    background-size: cover;
}

.cijytab ul li.on .cisatv span {
    color: #fff;
}

.cijytab ul li:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ffffff;
    border: 3px solid #bfbfbf;
    left: 0;
    margin-left: -5px;
    top: 50%;
    -webkit-transform: translate(0%,-50%);
    -moz-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
}

.cijytab ul li.on:before {
    background: #3065ff;
    border: 3px solid #fff;
}

.cijybox {
    display: none;
}

.cijybox.on {
    display: block;
}

.cisyjtex {
    text-align: right;
    padding-top: 50px;
}

/* 关于我们 */
.profileBox {
    background: url(/https/www.wolf-lab.com/static/images/aboutBg01.jpg) no-repeat center;
    background-size: 100% 100%;
}

.profileFl {
    width: 45%;
}

.profileFl img {
    width: 100%;
}

.profileFr {
    width: 53%;
    padding-top: 40px;
    font-size: 14px;
    color: #666666;
    line-height: 22px;
}

.profileFr h3 {
    font-size: 24px;
    color: #000;
    margin-bottom: 40px;
    position: relative;
}

.profileFr h3:before {
    content: "";
    position: absolute;
    width: 85px;
    height: 2px;
    background: #4f3ff4;
    left: 0;
    bottom: 0;
    margin-bottom: -20px;
}

.profileMain02 {
    background: url(/https/www.wolf-lab.com/static/images/aboutBg02.jpg) no-repeat center;
    background-size: 100% 100%;
}

.pricwzg {
    font-size: 16px;
    color: #fff;
    line-height: 26px;
}

.pricwzg h3 {
    margin-bottom: 40px;
    position: relative;
    font-size: 30px;
}

.pricwzg h3:before {
    content: "";
    position: absolute;
    width: 105px;
    height: 2px;
    background: #fff;
    left: 0;
    bottom: 0;
    margin-bottom: -20px;
}

.productList {
    position: relative;
}

.productList .imgW {
    width: 50%;
}

.productFr {
    width: 33%;
    position: absolute;
    top: 50%;
    left: 53%;
    font-size: 16px;
    color: #3e4b5c;
    -webkit-transform: translate(0%,-50%);
    -moz-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
}

.productListOdd .imgW {
    float: right;
}

.productListOdd .productFr {
    left: 12%;
}

.productList .pricwzg {
    color: #666;
}

.productList .pricwzg h3 {
    font-size: 18px;
    color: #000;
    margin-bottom: 30px;
}

.productList .pricwzg h3:before {
    background: #4f3ff4;
    margin-bottom: -12px;
}

.profileMain03 {
    background: url(/https/www.wolf-lab.com/static/images/aboutBg03.jpg) no-repeat center;
    background-size: 100% 100%;
}

.profileMain03 .pricwzg {
    width: 70%;
    font-size: 18px;
    color: #666;
}

.profileMain03 .pricwzg h3 {
    font-size: 30px;
    color: #2617c8;
}

.profileMain03 .pricwzg h3:before {
    background: #2617c8;
}

.prlxsube {
    font-size: 16px;
    color: #4c4c4c;
    text-align: center;
    margin-bottom: 20px;
}

.profileMain04 {
    background: #f4f8fe;
}

.proLxBox ul li {
    width: 23%;
    margin: 0 1%;
    background: #fff;
    padding: 25px 20px;
    text-align: center;
    box-sizing: border-box;
    font-size: 16px;
    color: #666;
    min-height: 310px;
    float: left;
}

.proLxBox h3 {
    font-size: 18px;
    color: #000;
    margin: 20px 0 15px;
}

.priDqbox ul li {
    position: relative;
    float: left;
    width: 14%;
    margin: 3px 0.1%;
}

.priDqbox ul li img {
    display: block;
    width: 100%;
}

.priDqbox ul li b {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(11,42,107,0.8);
    top: 0;
    left: 0;
    z-index: 999;
}

.priDqbox ul li h3 {
    font-size: 30px;
    color: #fff;
    position: absolute;
    top: 45%;
    left: 50%;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.priDqbox ul li h3:before {
    content: "";
    position: absolute;
    width: 26px;
    height: 2px;
    background: #e97f4e;
    left: 50%;
    margin-left: -13px;
    bottom: 0;
    margin-bottom: -10px;
}

.priDqbox ul li:hover b {
    display: none;
}

.priDqBot {
    padding: 25px 10px;
    margin-top: 30px;
    background: #f4f8fe;
}

.priDqBot h3 {
    color: #2617c8;
    font-size: 18px;
    padding-bottom: 5px;
    padding-left: 20px;
    border-bottom: 2px solid #d8f1fe;
}

.qridqcoent {
    font-size: 14px;
    color: #666;
    padding: 10px 20px;
}

.abouJonBg {
    background: #262376;
}

.abouJonBg .h_tit {
    color: #fff;
}

.aboutJoinList ul li {
    float: left;
    width: 31.3%;
    margin: 0 1%;
    background: #fff;
    border-radius: 5px 5px 25px 5px;
    box-sizing: border-box;
    padding: 30px 20px;
}

.abjtt {
    color: #262376;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

.abjtbt {
    position: relative;
}

.abjtbt span {
    font-size: 16px;
    color: #2c2b30;
    background: #fff;
    position: relative;
    z-index: 2;
    padding-right: 15px;
}

.abjtbt b {
    position: absolute;
    width: 100%;
    border-bottom: 1px solid #f5f5f5;
    left: 0;
    top: 50%;
    z-index: 1;
    -webkit-transform: translate(0%,-50%);
    -moz-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
}

.aboutJoinNc {
    font-size: 12px;
    color: #666;
    line-height: 22px;
    padding: 15px 0;
}

.abjoinckxq {
    color: #262376;
    font-size: 14px;
    border: 1px solid #262376;
    width: 90px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    display: block;
    margin: 15px auto 0;
}

.proLxBox ul li img {
    max-width: 100%;
}

.puptxts {
    text-align: left;
}

.kklypon span {
    color: #004dcd;
    font-size: 16px;
}

.nybankh .nrText {
    left: 50%;
    text-align: center;
}

.nybankh .nrText a {
    font-size: 14px;
    color: #fff;
    background: #0088d1;
    border-radius: 25px;
    padding: 5px 15px;
    display: inline-block;
    margin-top: 5px;
    font-style: italic;
}

.abqyBg {
    background: #e8f8ff;
}

.abqyBox li {
    width: 23%;
    margin: 0 1%;
    position: relative;
    text-align: center;
    float: left;
    color: #666;
    font-size: 14px;
}

.abqyBox li p {
    width: 70%;
    margin: 20px auto 0;
    display: block;
}

.abqyBox li h3 {
    font-size: 24px;
    color: #000;
    margin: 5px 0 0;
    position: relative;
}

.abqyBox li h3::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 4px;
    background: #f2872f;
    bottom: 0;
    left: 50%;
    margin-bottom: -10px;
    margin-left: -15px;
}

.abqyImg {
    position: relative;
}

.abqyBox li .abqyImg::before {
    content: "";
    width: 45px;
    height: 47px;
    position: absolute;
    background: url(/https/www.wolf-lab.com/static/images/qyhHzlc05.png) no-repeat;
    right: 0;
    top: 50%;
    -webkit-transform: translate(75%,-50%);
    -moz-transform: translate(75%,-50%);
    -ms-transform: translate(75%,-50%);
    -o-transform: translate(75%,-50%);
    transform: translate(75%,-50%);
}

.abqyBox li:nth-child(2) .abqyImg::before {
    background: url(/https/www.wolf-lab.com/static/images/qyhHzlc06.png) no-repeat;
}

.abqyBox li:nth-child(3) .abqyImg::before {
    background: url(/https/www.wolf-lab.com/static/images/qyhHzlc07.png) no-repeat;
}

.abqyBox li:last-child .abqyImg::before {
    background: none;
}

.qyhztop .productList .pricwzg h3 {
    font-size: 24px;
}

.qyrmBg .imgW img {
    width: 100%;
}

.qyrmtit {
    font-size: 23px;
    color: #dddddd;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.qyrmBg .productList .pricwzg h3 {
    font-size: 24px;
}

.qyrmBg .qyrmlis p {
    font-size: 14px;
    color: #666;
    position: relative;
    padding-left: 15px;
}

.qyrmBg .qyrmlis p::before {
    content: ".";
    color: #0088d1;
    font-size: 26px;
    position: absolute;
    left: 0;
    top: -30%;
}

.qyrmdjzx {
    font-size: 16px;
    color: #005bac;
    border: 1px solid #005bac;
    padding: 2px 15px;
    display: inline-block;
    margin-top: 10px;
}

/* 课程介绍---华为认证 */
.nybaner span {
    display: inline-block;
    font-size: 15px;
    border: 1px solid #00ffff;
    border-radius: 5px;
    padding: 3px 10px 3px 15px;
    margin: 0 5px;
    position: relative;
}

.nybaner span:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background: #00ffff;
    border-radius: 50%;
    left: 5px;
    top: 50%;
    margin-top: -2px;
}

.hwIctbg {
    width: 100%;
}

.hwIctTit {
    width: 70%;
    margin: 0 auto;
    font-size: 24px;
    color: #000;
    text-align: center;
    margin-bottom: 30px;
}

.hwIctList li {
    width: 24.3%;
    margin: 0 4.5%;
    background: url(/https/www.wolf-lab.com/static/images/hwIctbg.png) no-repeat center;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: 30px 10px 25px 0;
    text-align: center;
    font-size: 23px;
    color: #fff;
    float: left;
    position: relative;
}

.hwIctList li img {
    margin-bottom: 20px;
}

.hwIctList li:before {
    content: "";
    width: 46px;
    height: 52px;
    position: absolute;
    background: url(/https/www.wolf-lab.com/static/images/hwIcbf.png) no-repeat;
    left: 100%;
    top: 50%;
    -webkit-transform: translate(60%,-50%);
    -moz-transform: translate(60%,-50%);
    -ms-transform: translate(60%,-50%);
    -o-transform: translate(60%,-50%);
    transform: translate(60%,-50%);
}

.hwIctList li:last-child:before {
    display: none;
}

.hwTxketbg {
    background: url(/https/www.wolf-lab.com/static/images/whbg01.jpg) no-repeat center;
    background-size: 100% 100%;
}

.hwTxketbg .h_tit {
    color: #fff;
}

.hwTxtlBox {
    text-align: center;
    line-height: 0;
}

.whyHwBg {
    background: url(/https/www.wolf-lab.com/static/images/whbg02.jpg) no-repeat center;
}

.whyHwList ul li {
    padding: 15px;
    border-radius: 10px;
    background: #fff;
    float: left;
    width: 24.3%;
    margin: 0 3%;
}

.whyHwBox01 {
    border-radius: 10px;
    border: 5px solid #a79ff9;
    text-align: center;
    font-size: 30px;
    color: #4f3ff4;
    height: 335px;
    box-sizing: border-box;
    padding-top: 50px;
}

.whyHwBox01 p {
    font-weight: bold;
    margin-top: 15px;
}

.whyHwBox02 {
    display: none;
    color: #fff;
    font-size: 16px;
    height: 335px;
    padding: 50px 20px 20px;
    box-sizing: border-box;
}

.whyHTit {
    font-size: 36px;
    color: #fff;
    margin-bottom: 25px;
}

.whyHTit img {
    margin-right: 5px;
}

.whyHwList ul li:hover .whyHwBox01 {
    display: none;
}

.whyHwList ul li:hover {
    background: #4f3ff4;
}

.whyHwList ul li:hover .whyHwBox02 {
    display: block;
}

.hwRzBg {
    padding: 50px 0 20px;
}

.hwrzsub {
    font-size: 16px;
    color: #4c4c4c;
    text-align: center;
    margin-top: 10px;
}

.hwRzList li {
    width: 24%;
    margin: 5px 0.5%;
    color: #fff;
    font-size: 24px;
    background: #4f3ff4;
    float: left;
    text-align: center;
}

.hwRzList li a {
    color: #fff;
    display: block;
    height: 62px;
    line-height: 62px;
}

.hwRzList li:hover {
    background: url(/https/www.wolf-lab.com/static/images/subbg.jpg) no-repeat center;
    background-size: 100% 100%;
}

.hwZsBg {
    background: url(/https/www.wolf-lab.com/static/images/whbg03.png) no-repeat center;
    background-size: 100% 100%;
    padding: 60px 0 100px;
}

.hwZsBg .h_tit {
    color: #e97f4e;
}

.hwZsBox li {
    width: 31.3%;
    margin: 0 1%;
    box-sizing: border-box;
    padding: 25px 15px;
    background: #fff;
    min-height: 260px;
    font-size: 16px;
    color: #666;
    float: left;
}

.hwZsBox li h3 {
    font-size: 24px;
    color: #e97f4e;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.hwZsBox li h3:before {
    content: "";
    position: absolute;
    left: 0;
    width: 54px;
    height: 4px;
    background: #ff9600;
    bottom: 0;
}

.hwZsBox li p {
    margin: 5px 0;
}

.hwZsBox li a {
    font-size: 18px;
    color: #e97f4e;
    border: 1px solid #e97f4e;
    border-radius: 50px;
    line-height: 50px;
    height: 50px;
    display: block;
    margin: 25px auto 0;
    width: 230px;
    text-align: center;
}

.hwZsBox li:hover a {
    background: #e97f4e;
    color: #fff;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.hwLabBg {
    background: #f6f6f6;
}

.hwLabBg .technologyBt a {
    background: #4f3ff4;
    width: 420px;
    display: block;
}

.hwLabTab {
    overflow: hidden;
    border-radius: 5px;
}

.hwLabTab table {
    width: 100%;
    border: 3px solid #4f3ff4;
}

.hwLabTab table td {
    padding: 20px;
    text-align: center;
    line-height: 30px;
}

.hwLabTab table .td1 {
    background: #4f3ff4;
    color: #fff;
    font-size: 24px;
    border-bottom: 2px solid #fff;
    width: 20%;
}

.hwLabTab table .td2 {
    color: #000;
    font-size: 18px;
    border-bottom: 2px solid #4f3ff4;
    width: 80%;
    text-align: left;
}

.hwksBg {
    padding-top: 40px;
}

.hwksList {
    position: relative;
}

.hwksList ul li {
    width: 12.5%;
    float: left;
    margin: 10px 0;
}

.hwksList ul li>img {
    width: 100%;
}

.hwkzhz {
    display: none;
    /* width: 100%; */
    /* height: 100%; */
    position: absolute;
    left: 0;
    top: 0;
    z-index: 22;
    /* background:rgba(0,0,0,0.5); */
}

.hwksList .hwkzhz img {
    max-width: 100%;
}

.hwksList.on .hwkzhz,.hwksList ul li:hover .hwkzhz {
    display: block;
}

.hwTxtlBox img {
    max-width: 100%;
}

/* 企业实战 */
.ckszMain01 {
    padding: 20px 0 50px;
}

.ckszQyxnTit {
    font-size: 18px;
    color: #fff;
    background: #00479d;
    padding: 9px 6px;
    margin-bottom: 10px;
}

.ckszQyxnTit span {
    border-left: 2px solid #fff;
    padding-left: 10px;
}

.ckszQyxnCon ul li {
    width: 18%;
    margin: 0 1%;
    background: #4f3ff4;
    padding: 22px 10px;
    box-sizing: border-box;
    text-align: center;
    font-size: 16px;
    float: left;
    color: #fff;
}

.ckszQyxnCon p {
    margin: 5px 0;
}

.ckszQyxnCon ul li.er {
    background: #ea824f;
}

.ckszQyxnCon ul li.san {
    background: #00a0e9;
}

.ckszQyxnCon ul li.si {
    background: #ac6a00;
}

.ckszQyxnCon ul li.wu {
    background: #8f82bc;
}

.ckszMain02 {
    background: url(/https/www.wolf-lab.com/static/images/qyszbg01.jpg) no-repeat center;
    background-size: 100% 100%;
    font-size: 24px;
    color: #fff;
}

.ckszMain02 .ttxnf {
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 50px;
}

.ckszMain03 {
    padding: 50px 0 0;
    background: #f4f8fe;
}

.cksQyjsBox ul li {
    width: 31.3%;
    margin: 0 1%;
    box-shadow: 0 0 5px #ccc;
    padding: 45px 30px;
    box-sizing: border-box;
    color: #666666;
    font-size: 16px;
    line-height: 29px;
    float: left;
    min-height: 265px;
}

.cksQyjsBox ul li h3 {
    font-size: 30px;
    color: #000000;
    padding-bottom: 22px;
    position: relative;
    text-align: center;
    margin-bottom: 12px;
}

.cksQyjsBox ul li h3::before {
    content: "";
    width: 80px;
    height: 3px;
    background: #4f3ff4;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -40px;
}

.cksQyjsBox ul li a {
    font-size: 14px;
    color: #4f3ff4;
    border: 1px solid #4f3ff4;
    padding: 5px 0;
    border-radius: 30px;
    display: block;
    text-align: center;
    margin: 15px auto 0;
    width: 40%;
}

.cksQyjsBox ul li:hover {
    background: #4f3ff4;
    color: #fff;
}

.cksQyjsBox ul li:hover h3 {
    color: #fff;
}

.cksQyjsBox ul li:hover a {
    color: #4f3ff4;
    background: #fff;
}

.cksQyjsBox ul li:hover h3::before {
    background: #fff;
}

.ckszMain04 {
    background: url(/https/www.wolf-lab.com/static/images/qyszbg02.png) no-repeat;
    background-size: 100% 100%;
    padding: 150px 0;
}

.ckszMain04 .h_tit {
    color: #fff;
}

.ckjsrtx {
    font-size: 16px;
    color: #fff;
    margin: 15px 0;
}

.cksjsrhma>img {
    max-width: 100%;
}

.ckszMain05 .ckjsrtx {
    color: #666;
}

.jylxBox {
    padding-bottom: 50px;
}

.jylxBox ul li {
    width: 180px;
    height: 165px;
    float: left;
    margin-right: 75px;
    background: #f2872f;
    border-radius: 8px;
    text-align: center;
    position: relative;
}

.jylxBox ul li:last-child {
    margin-right: 0;
}

.jylxnr {
    color: #fff;
    font-size: 17px;
    position: absolute;
    white-space: nowrap;
    line-height: 32px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.jylxBox ul li:after {
    content: "";
    width: 40px;
    height: 36px;
    background: url(/https/www.wolf-lab.com/static/images/qyhHzlc05.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    left: 100%;
    top: 50%;
    -webkit-transform: translate(30%,-50%);
    -moz-transform: translate(30%,-50%);
    -ms-transform: translate(30%,-50%);
    -o-transform: translate(30%,-50%);
    transform: translate(30%,-50%);
}

.jylxBox ul li:last-child:after {
    display: none;
}

.jylxBox ul li.jyer {
    background: #0088d1;
}

.jylxBox ul li.jysan {
    background: #d8211e;
}

.jylxBox ul li.jysi {
    background: #556fb5;
}

.jylxBox ul li.jywu {
    background: #0075a9;
}

.jylxBox ul li.jyer:after {
    background: url(/https/www.wolf-lab.com/static/images/qyhHzlc06.png) no-repeat center;
}

.jylxBox ul li.jysan:after {
    background: url(/https/www.wolf-lab.com/static/images/qyhHzlc07.png) no-repeat center;
}

.jylxBox ul li.jysi:after {
    background: url(/https/www.wolf-lab.com/static/images/qyhHzlc08.png) no-repeat center;
}

/* 思科认证 */
.skrzTop {
    box-sizing: border-box;
    padding: 25px 20px;
}

.skrztLit {
    color: #4f3ff4;
    font-size: 22px;
    position: relative;
    padding-bottom: 15px;
    font-weight: bold;
    margin-bottom: 15px;
}

.skrztLit::before {
    content: "";
    position: absolute;
    background: #4f3ff4;
    width: 45px;
    height: 5px;
    bottom: 0;
    left: 50%;
    margin-left: -23px;
}

.skrztConr {
    font-size: 16px;
    color: #000;
    font-weight: bold;
    min-height: 360px;
}

.skrztConr p {
    margin: 10px 0;
}

.skrzBot {
    background: #eae9f5;
    padding: 15px 6px;
}

.skrzBot {
    font-size: 16px;
    color: #000000;
}

.skrzBot span {
    color: #4f3ff4;
}

.skrzBot a {
    font-size: 16px;
    color: #4f3ff4;
    border: 1px solid #4f3ff4;
    height: 50px;
    line-height: 50px;
    width: 80%;
    display: block;
    margin: 20px auto 0;
    border-radius: 50px;
    text-align: center;
    font-weight: bold;
}

.skrzBot a:hover {
    background: #4f3ff4;
    color: #fff;
}

.cisspopBox ul li:nth-child(2) .skrztLit {
    color: #ea824f;
}

.cisspopBox ul li:nth-child(3) .skrztLit {
    color: #aa000e;
}

.cisspopBox ul li:nth-child(2) .skrztLit::before {
    background: #ea824f;
}

.cisspopBox ul li:nth-child(3) .skrztLit::before {
    background: #aa000e;
}

.cisspopBox ul li:nth-child(2) .skrzBot span {
    color: #ea824f;
}

.cisspopBox ul li:nth-child(3) .skrzBot span {
    color: #aa000e;
}

.cisspopBox ul li:nth-child(2) .skrzBot a {
    color: #ea824f;
    border: 1px solid #ea824f;
}

.cisspopBox ul li:nth-child(3) .skrzBot a {
    color: #aa000e;
    border: 1px solid #aa000e;
}

.cisspopBox ul li:nth-child(2):hover .skrzBot a {
    background: #ea824f;
    color: #fff;
}

.cisspopBox ul li:nth-child(3):hover .skrzBot a {
    background: #aa000e;
    color: #fff;
}

.bdgxBg {
    background: #f4f8fe;
}

.bjshmore {
    font-size: 18px;
    color: #4f3ff4;
    border: 1px solid #4f3ff4;
    width: 295px;
    height: 46px;
    line-height: 46px;
    border-radius: 46px;
    display: block;
    text-align: center;
    margin: 40px auto 0;
    background: #fff;
}

.shshcbg {
    background: #fff;
    padding: 50px 0;
}

.zlksq .cissShTop {
    text-align: center;
}

.zlksq a {
    background: #ea824f;
    color: #fff;
    font-size: 18px;
    border: none;
}

.zlksq ul li:nth-child(2) a {
    background: #4f3ff4;
    color: #fff;
    border: none;
}

.zlksq.cissSh ul li {
    padding-bottom: 20px;
}

/* 左侧浮窗 */
.flotPupbox {
    position: fixed;
    top: 20%;
    z-index: 99999999;
    left: 1%;
    width: 88px;
}

.florximg {
    overflow: hidden;
}

.florximg img {
    border-radius: 50%;
}

.florximgkk {
    position: relative;
}

.florximgkk span {
    font-size: 17px;
    color: #4f3ff4;
    background: #eef5fa;
    border-radius: 5px;
    padding: 6px 10px;
    font-weight: bold;
}

.florximg {
    margin-left: -10px;
    margin-bottom: -5px;
}

.flotPupbox ul li {
    text-align: center;
    color: #4f3ff4;
    font-size: 16px;
    background: #eef5fa;
    margin: 15px 0;
    border-radius: 5px;
    padding: 10px 0;
    position: relative;
}

.folnay02 {
    display: none;
    background: #eef5fa;
    padding: 5px 10px;
    border-radius: 5px;
    position: absolute;
    left: 100%;
    top: 0;
    margin-left: 10px;
    white-space: nowrap;
    text-align: left;
    color: #000;
}

.folnay02 h3 {
    color: #4f3ff4;
    font-size: 24px;
}

.fcwat img {
    max-width: 100px;
}

.folnay02::before {
    content: "";
    position: absolute;
    border-right: 8px solid #eef5fa;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    right: 100%;
    top: 50%;
    margin-top: -6px;
}

.flotPupbox ul li:hover .folnay02 {
    display: block;
}

.florximg {
    width: 106px;
}

.florximg img {
    width: 100%;
}


.flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.flex-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.flex-reverse {
    flex-direction: row-reverse;
}
.align-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.align-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.space-around {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
.flex-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.just-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.flex1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.just-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

._center-box {max-width: 1600px;margin-left: auto;margin-right: auto;box-sizing: border-box;width: 96%;}
._banner-i {width: 100%;display: block;}
._become {padding: 70px 0 0;}
._become-inner {box-shadow: 0 0 114px rgba(166,160,166,0.36);border-radius: 10px;padding: 110px 0 100px;}
._become-tit {font-size:76px;text-align: center;color: #135db6;font-weight: 600;}
._become-tit span{position: relative;display: inline-block;padding-bottom: 40px;}
._become-tit span::before {content: "";width: 100%;height: 4px;background-color: #ffdb35;bottom: 0;left: 0;position: absolute;}
._become-tit span::after {content: "";width: 40%;height: 4px;background-color: #135db6;bottom: 0;left: 0;position: absolute;}

._become_ir_ul::before {content: "";width: 4px;height: calc(100% - 64px);position: absolute;left: 0;top: 50%;transform: translate(0,-50%);background-color: #005bc9;}
._become_ir_ul::after {content: "";width: 35px;height: 4px;background-color: #135db6;top: 50%;left: 0;transform: translate(-100%,-50%);position: absolute;}
._become_ir_ul>li + li {margin-top: 20px;}
._become_ibott {margin-top: 60px;}
._become_ileft {font-size: 42px;background-color: #005bc9;color: #fff;padding: 20px;border-radius: 32px;}
._become_ir_ul {margin-left: 35px;position: relative;}
._become_ir_ul>li {font-size: 48px;color: #135db6;position: relative;padding-left: 105px;}
._become_ir_ul>li::before {content: "";width: 100%;height: 5px;background-color: #005bc9;top: 50%;transform: translate(0,-50%);width: 90px;position: absolute;left: 0;}
._col-yel {color: #ef6e07;}
._engineer_ul {max-width: 1245px;margin-left: auto;margin-right: auto;}
._engineer_ul>li {margin-top: 110px;}
._engineer-innner {display: flex;margin-top: 70px;justify-content: space-between;}
._engineer_ul>li:nth-of-type(2n) ._engineer-innner {flex-direction: row-reverse;}
._engineer_ul>li:nth-of-type(2n + 1) ._become-tit {color: #ef6e07;}
._en-img {display: block;width: 100%;}
._en_left {width: 47.38%;}
._en_right {width: calc(52.62% - 20px);}
._en_rtit {display: inline-flex;font-size: 36px;background-color: #135db6;padding: 0 25px;min-height: 80px;color: #fff;border-radius: 999px;justify-content: center;align-items: center;white-space: nowrap;}
._en_riul>li {color: #3e3e3e;padding-left: 50px;position: relative;line-height: 1.6em;margin-top: 20px;font-size: 36px;}
._en_riul>li::after {content: "";width: 0.55em;height:0.55em;background-color: #135db6;border-radius: 50%;position: absolute;top: 0.55em;left: 10px;}
._engineer {padding: 0 0 175px;}
._tech-inner {position: relative;}
._tech-box {padding: 55px 0 95px;background-color: #e4e4e4;}
._tech_inner_box {position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
._tech-bj {max-width: 100%;display: block;margin-left: auto;margin-right: auto;}
._guarantee {background-repeat: no-repeat;background-position: center;background-size: cover;padding: 60px 0 105px;}
._g-dl {padding: 8px;background-color: #9dfaff;border-radius: 999px;max-width: 1075px;margin-left: auto;margin-right: auto;font-weight: 600;}
._g-dl + ._g-dl {margin-top: 25px;}
._g-dl>dt {width: 355px;font-size: 69px;color: #fff;background-color: #093fba;border-radius: 999px;display: inline-flex;justify-content: center;align-content: center;}
._g-dl>dd {font-size: 30px;padding:0 40px 0 20px;color: #093fba;width: 100%;flex: 1;}
._gu-tit {font-size: 86px;font-weight: 600;text-align: center;color: #8dfeff;}
._gu-desc {font-size: 46px;color: #fff;margin-top: 20px;text-align: center;}
._g-img {display: block;margin: 100px auto 0;max-width: 100%;}
._information {background-color: #ffdb35;margin: 100px 0 30px;}
._info_iright_inner {position: relative;padding: 0 40px;box-sizing: border-box;}
._info_inner {max-width: 1200px;margin-left: auto;margin-right: auto;}
._info_text {font-size: 42px;color: #000;}
._info_ileft {width: 260px;padding: 35px 0;}
._info_iright {width: calc(100% - 260px);background-color: #e8e8e8;display: flex;align-items: center;transform: translate(0,-35px);position: relative;}
._info_iright::before {content: "";display: block;width: 110px;height:100%;position: absolute;left: 1px;transform: translate(-100%,0);top: 0;background-color: #e8e8e8;clip-path: polygon(0 0,100% 0, 100% 100%,0 0);}
._info_iright::after {content: "";position: absolute;width: calc(calc(100vw - 1200px) / 2);top: 0;height: 100%;background-color: #e8e8e8;right: 1px;transform: translate(100%,0);}
.swiper_info .swiper-slide {height: auto;}
.swiper_info_inner {display: flex;justify-content: center;align-items: center;height: 100%;flex-direction: column;color: #000;font-size: 20px;}
._info_iright_inner {width: 100%;}
._info_iright_inner .swiper_info-prev,._info_iright_inner .swiper_info-next {width: 20px;height: 55px;}
._info_iright_inner .swiper_info-prev {background:#bcbaba url(/https/www.wolf-lab.com/static/images/_arr-left.png) no-repeat center;background-size: 50% auto;}
._info_iright_inner .swiper_info-next {background:#bcbaba url(/https/www.wolf-lab.com/static/images/_arr-right.png) no-repeat center;background-size: 50% auto}
._info_iright_inner .swiper_info-prev.swiper-button-disabled, ._info_iright_inner .swiper_info-next.swiper-button-disabled {
    opacity: 1;
    pointer-events: all;
}
._normal-question {padding: 55px 0 60px;}
._q-img {position: relative;z-index: 99;}
._q-text {height: 77px;background-color: #333333;font-size: 58px;color: #ffdb35;padding: 0 80px;display: inline-flex;justify-content: center;align-items: center;transform: translate(-20px,0);border-radius: 20px;}
._explore {background-repeat: no-repeat;background-size: cover;background-position: center;padding: 100px 0;}
._ii-text {margin-top: 20px;}
._ii-top {flex: 1;display: flex;justify-content: center;align-items: center;}
._exp-tit {font-size: 92px;color: #ffdb35;text-align: center;font-weight: 600;}
._exp-desc {font-size: 60px;text-align: center;font-weight: 600;color: #fff;}

._normal-qul {max-width: 1200px;margin-left: auto;margin-right: auto;padding-top: 40px;}
._normal-qul>li {width: 31.66%;margin-left: 2.505%;border: 1px dashed #ffdd42;text-align: center;box-sizing: border-box;padding: 20px 25px 55px;margin-top: 15px;}
._normal-qul>li:nth-of-type(3n+1) {margin-left: 0;}
._ba_btn {display: inline-flex;width: 100%;height: 100px;background-color: #ffdb35;font-size: 39px;justify-content: center;align-items: center;}
._normal-qu-top {flex: 1;}
._ba_tit {font-size: 32px;margin: 25px 0;}
._normal-qul-inner {color: #333;display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
._contsult-img {width: 100%;display: block;}
@media only screen and (max-width: 1023px){
    ._information {margin: 0.6rem 0;padding: 0.4rem 0;}
    ._info_ileft {padding: 0;}
    ._info_iright {padding: 0.25rem 0;margin-top: 0.2rem;transform: none;}
    ._info_iright::before,._info_iright::after {clip-path: none;display: none;}
    .swiper_info_inner {font-size: 0.25rem;}
    ._ii-text {margin-top: 0.25rem;}
    ._info_iright_inner {padding: 0 0.4rem;}
    ._g-img {margin: 0.4rem auto 0;}
    ._tech-box,._guarantee {padding: 0.6rem;}
    ._engineer {padding-bottom: 0.6rem;}
    ._become-tit span {padding-bottom: 0.4rem;}
    ._info_img {width: 1rem;}
    ._info_text {font-size:0.36rem;}
    ._engineer-innner {flex-direction: column!important;}
    ._en_left,._en_right {width: 100%;}
    ._become-inner {padding: 0.7rem 15px;box-shadow: 0 0 1.14rem rgba(166, 160, 166, 0.36);}
    ._become {padding-top: 0.7rem;}
    ._become-tit {font-size: 0.46rem;}
    ._become_ibott {margin-top: 0.50rem;}
    ._become_ir_ul>li + li {margin-top: 0.2rem;}
    ._become_ileft {font-size: 0.36rem;padding: 0.20rem;border-radius: 0.32rem;}
    ._become_ir_ul>li {font-size: 0.36rem;padding-left: 0.6rem;}
    ._become_ir_ul>li::before {width: 0.5rem;height: 0.05rem;}
    ._become_ir_ul::after {width: 0.35rem;}
    ._engineer-innner {margin-top: 0.50rem;}
    ._en_rtit {font-size: 0.32rem;min-height: 0.80rem;}
    ._en_riul>li {font-size: 0.32rem;margin-top: 0.2rem;padding-left: 0.5rem;}
    ._engineer_ul>li {margin-top: 0.8rem;}
    ._become_ir_ul {margin-left: 0.35rem;}
    ._become_ir_ul::before {height: calc(100% - 1rem);width: 0.05rem;}
    ._gu-tit {font-size: 0.4rem;}
    ._gu-desc {font-size: 0.3rem;margin-top: 0.2rem;}
    ._g-dl {padding: 0.08rem;}
    ._g-dl + ._g-dl {margin-top: 0.25rem;}
    ._g-dl>dt {width: 2rem;font-size: 0.36rem;display: flex;justify-content: center;align-items: center;}
    ._g-dl>dd {font-size: 0.30rem;padding: 0 0.2rem 0 0.2rem;}
    ._exp-tit {font-size: 0.42rem;}
    ._exp-desc {font-size: 0.32rem;margin-top: 0.1rem;}
    ._explore {padding: 0.8rem 0;}
    ._q-img {width: 1.2rem;}
    ._normal-qul {padding-top: 0.3rem;}
    ._q-text {font-size: 0.4rem;padding: 0 0.6rem;height:0.8rem;}
    ._q-im {width: 1.39rem;}
    ._normal-qul>li {width: 48.5%;margin-left: 3%;margin-top: 3%;padding: 0.2rem 0.25rem 0.5rem;}
    ._normal-qul>li:nth-of-type(3n+1) {margin-left: 3%;}
    ._normal-qul>li:nth-of-type(2n+1) {margin-left: 0;}
    ._ba-img {width: 1.05rem;}
    ._ba_tit {font-size: 0.32rem;margin: 0.2rem 0;}
    ._ba_btn {font-size: 0.36rem;height: 1rem;}
    ._normal-question {padding: 0.55rem 0 0.6rem;}
    ._info_inner {flex-direction: column;}
    ._info_ileft,._info_iright {width: 100%;}
    ._info_ileft {text-align: center;}
    ._ii-img {max-width: .8rem;max-height: .8rem;}
}
/*新增落地页样式*/