h1,
h2,
h3,
ul,
li,
p {
    margin: 0;
    padding: 0;
}


/*背景图居中*/

.bg_center {
    background-position: center center;
}


/*轮播隐藏*/

.swiper-hidden {
    overflow: hidden;
}


/*通用标题*/

.basis_title {
    text-align: center;
}

.basis_title>h2 {
    text-transform: uppercase;
    font-size: 80px;
    font-weight: bold;
    color: rgba(198, 198, 198, 1);
    line-height: 80px;
    opacity: 0.15;
    padding-top: 28px;
}

.basis_title>h3 {
    margin-top: -35px;
    font-size: 36px;
    font-weight: 400;
    color: rgba(48, 48, 48, 1);
    line-height: 36px;
}

.basis_title>h3>span {
    color: #0057FF;
}

.basis_title>p {
    margin-top: 14px;
    font-size: 18px;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    line-height: 18px;
}

/* 模块一 */
.swiper-slide img {
    max-width: 100%;
}

.swiper-pagination-bullet {
    background: #DCDCDC;
}

.swiper-pagination-bullet-active {
    background: #E5E5E5;
}

.swiper-slide {
    position: relative
}

.basis-one {
    position: relative;
    /*height: 680px;*/
}

.basis_one_swiper-pagination {
    position: absolute;
    bottom: 0;
    z-index: 10;
    text-align: center;
}

/* 模块二 */
.basis_tow {
    height: 440px;
}

.basis_tow_list {
    margin-top: 46px;
    display: flex;
    justify-content: center;

}

.basis_tow_list>li {
    width: 30%;
    position: relative;
    margin: 0 10px;
    transition: all 0.3s
}

.basis_tow_list>li:hover {
    transform: translateY(-5px)
}

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

.basis_tow_list>li>h3 {
    width: 90px;
    font-size: 2.8rem;
    line-height: 3rem;
    position: absolute;
    top: 19px;
    left: 1.875rem;

    font-weight: bold;
    color: rgba(255, 255, 255, 1);

}

/* 模块三 */
.basis_three {
    height: 805px;
    position: relative;
}

.basis_three_title>h3,
.basis_three_title>p {
    color: white !important
}

.basis_three_content {
    margin-top: 46px;
    position: relative;
}

.basis_three_swiper_container {
    height: 480px;
    background: rgba(255, 255, 255, 1);
}

.three_swiper_wrapper {
    background: white;
}

.basis_three_content .swiper-container {
    width: 85.72%;


}

.three_swiper_wrapper .swiper-slide {
    padding: 32px 40px;
}

.three_swiper_top {
    width: 100%;

}

.three_swiper_top>h3 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 18px;

    font-weight: bold;
    color: rgba(56, 140, 255, 1);

}

.three_swiper_top>p {
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    color: rgba(48, 48, 48, 1);
    margin-bottom: 40px;

}

.three_swiper_top>p>span {
    color: #388CFF;
}

.three_swiper_img {
    padding-top: 20px;
    display: flex;
    justify-content: space-between
}

.three_swiper_img>li {
    width: 23.77%;
}

.basis_three_img1 {
    max-width: 100%;
}

/* 选择列 */
.basis_three_content .basis_swiper-pagination {
    width: 7.15%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
}

.basis_three_content .swiper-pagination-bullet {
    width: 100%;
    height: 50px;
    background: #4EC3FF;
    border-radius: 5px 0px 0px 5px;
    opacity: 1;
    margin-bottom: 6px;

    font-size: 18px;
    line-height: 50px;
    text-align: center;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);

}

.swiper-pagination-bullet-active {
    background: #006CFF !important;
    font-weight: bold !important;
    outline: none;
}

/* 按钮 */
.basis_three_but {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    outline: none;
    border: 0;

    width: 180px;
    height: 45px;
    background: rgba(224, 84, 84, 1);

    font-size: 18px;
    line-height: 40px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);

}

.basis_three_but:hover {
    background: #da4545 !important;
}

/* 模块四 */
.basis_four {
    height: 775px;
}

.basis_four_content {
    margin-top: 47px;
    text-align: center;
}

.basis_four_img {
    position: relative;
    display: inline-block;
    margin: 0 auto;
}

.four_div {
    position: absolute;
    top: 0;
    left: -490px;
    width: 360px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 10px 34px 4px rgba(176, 176, 176, 0.15);

    transition: all 0.3s;
}

.four_div:hover {
    transform: translateY(-5px)
}

.four_div1>h3,
.four_div2>h3 {
    width: 100%;
    height: 100px;
    position: relative;
    z-index: 10;
    font-size: 36px;
    line-height: 100px;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);

}

.four_img1 {
    position: absolute;
    left: 304px;
    top: 23px;
}

.four_list {
    padding: 36px 0;
    text-align: center;
}

.four_list>li {
    position: relative;
    text-align: left;
    text-indent: 66px;
    width: 304px;
    height: 40px;
    font-size: 20px;
    line-height: 40px;
    font-weight: 400;
    color: rgba(48, 48, 48, 1);
    margin: 0 auto 22px;
    transition: all 0.3s;
}

.four_list>li>span {
    position: absolute;
    top: 11px;
    left: 0;
    text-indent: 9px;

    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);

}

.four_list>li:last-child {
    margin: 0 auto;
}

.four_div2 {
    left: 520px;
}

.four_img2 {
    position: absolute;
    left: -188px;
    top: 131px;
}

/* 模块五 */
.basis_five {
    height: 280px;
    position: relative;
}

.basis_five_box>h2 {
    font-size: 80px;
    line-height: 80px;
    padding-top: 62px;
    text-align: center;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);

}

.basis_five_but {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    outline: none;
    border: 0;

    width: 180px;
    height: 45px;
    background: rgba(255, 255, 0, 1);

    font-size: 18px;
    line-height: 45px;
    font-weight: 400;
    color: rgba(48, 48, 48, 1);

}

.basis_five_but:hover {
    background: #FFE600 !important
}

/* 模块六 */
.basis_six {
    height: 820px;
}

.basis_six_list {
    margin-top: 66px;
    display: flex;
    justify-content: center;
}

.basis_six_list>li {
    width: 30%;
    margin: 0 10px;
    transition: all 0.3s;
}

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

.basis_six_list>li>h3 {
    width: 100%;
    height: 120px;
    background: rgba(133, 186, 63, 1);
    text-align: center;

    font-size: 36px;
    line-height: 120px;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);

}

.basis_six_active {
    transform: translateY(-20px)
}

/* 模块七 */
.basis_seven {
    height: 780px;
}

.basis_seven_box {
    position: relative;
}

.basis-eight_list {
    margin-top: 34px;
    width: 53%;
    position: relative;
    height: 290px;
    margin: 46px auto 0;
}

/*li*/
.basis-eight_li {
    position: absolute;
    width: 21.43%;
    height: 140px;
    background: url("img/8-bg.png") no-repeat;
    background-size: 100% 100%;
}

.basis-eight_li:hover {
    background: url("img/7-bg.png") no-repeat;
    background-position: -1px;
    background-size: 100% 100%;
}

.basis-eight_li:hover h3 {
    color: rgba(255, 255, 255, 1) !important;
}

.basis-eight_li:hover h3,
.basis-eight_li:hover p {
    color: rgba(56, 140, 255, 1);
}

.basis-eight_li>div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
}

.basis-eight_li>div>h3 {
    text-align: center;
    font-size: 23px;
    line-height: 28px;
    width: 47px;
    font-weight: 400;
    color: #388CFF;
    margin: 0 auto;

}

.basis-eight_li>div>p {
    font-size: 1rem;
    font-weight: 400;
    color: rgba(48, 48, 48, 1);
    line-height: 24px;
}

/*中间LI*/
.basis-eight_centent {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 28.71%;
    height: 175px;
    background: url("img/8-bg.png") no-repeat top left;
    background-size: 100% 100%;
}

.basis-eight_centent>div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.basis-eight_centent>div>h3 {
    text-align: center;
    font-size: 23px;
    font-weight: bold;
    color: #388CFF;
    line-height: 28px;
}



/**/
.eight_li_01 {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.eight_li_02 {
    top: 0;
    left: 17.35%;
}

.eight_li_03 {
    bottom: 0;
    left: 17.35%;
}

.eight_li_04 {
    top: 0;
    left: 61.36%;
}

.eight_li_05 {
    bottom: 0;
    left: 61.36%;
}

.eight_li_06 {
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

/* 图 */
.basis_eight_img {
    position: absolute;
    z-index: 10;
    bottom: -300px;
    left: 50%;
    transform: translateX(-50%)
}

/* 第八模块 */
.basis_eight {
    height: 775px;
}

.basis_eight_content {
    text-align: center;
    margin-top: 40px;
}

.basis_eight_line {
    display: inline-block;
    position: relative;
}

/* 坐标 */
.basis_eight_spot {
    width: 100px;
    height: 60px;
    text-align: center;
    z-index: 10;
    padding: 0 18px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(img/10-bg.png) no-repeat;
    background-size: 100% 100%;

    font-size: 20px;
    line-height: 45px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);

}

.basis_eight_spot::after {
    content: '学习';
    position: absolute;
    width: 100%;
    height: 30px;
    bottom: -46px;
    left: 0px;
    background: url(img/dian.png) no-repeat center 35px;

    padding-top: 75px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    color: rgba(135, 169, 255, 1);

}

/* 点 */
.eight_spot1 {
    top: 330px;
    left: -52px;
}

.eight_spot2 {
    top: 300px;
    left: 161px;
}

.eight_spot2::after {
    content: '强化'
}

.eight_spot3 {
    top: 230px;
    left: 375px;
}

.eight_spot3::after {
    content: '检验'
}

.eight_spot4 {
    top: 123px;
    left: 565px;
}

.eight_spot4::after {
    content: '提升'
}

.eight_spot5 {
    top: 5px;
    left: 686px;
}

.eight_spot5::after {
    content: '执行力';
    bottom: -70px;
    padding-top: 85px;
}

/* 第九模块 */
.basis_nine {
    height: 787px;
    background: rgba(235, 242, 254, 1);
}

.basis_nine_list {
    margin-top: 46px;
    display: flex;
    justify-content: center;

}

.basis_nine_list>li {
    width: 30%;
    margin: 0 12px;
    position: relative;
}

.basis_nine_list>li>div {
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: -52px;

    padding: 22px 0;
}

.basis_nine_list>li>div>h1 {
    font-size: 36px;
    line-height: 36px;
    text-align: center;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    margin-bottom: 23px;
    position: relative;

}

.basis_nine_list>li>div>h1::after {
    content: '';
    width: 56px;
    height: 2px;
    background: rgba(255, 241, 0, 1);

    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%)
}

.basis_nine_list>li>div>h2 {
    text-transform: uppercase;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    color: rgba(12, 111, 248, 1);

}

.basis_nine_li_div {
    height: 0;
    overflow: hidden;
    transition: all 0.3s;
}

.basis_nine_li_div>p {
    box-sizing: border-box;
    padding: 40px 50px;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    color: rgba(235, 242, 254, 1);


}

.basis_nine_list>li:hover .basis_nine_li_div {
    height: 155px;
}

.basis_nine_blue {
    background: #388CFF;
}

.basis_nine_orange {
    background: #EC6941;
}

.basis_nine_orange>h2 {
    color: #CF5029 !important;
}

.basis_nine_green {
    background: #32B16C;
}

.basis_nine_green>h2 {
    color: #209055 !important;
}

/* 模块十 */
.basis_ten {
    height: 789px;
}

.basis_ten_ul {
    width: 100%;
    padding: 0 14.75%;
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -ms-flex-pack: justify;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}

.basis_ten_ul>li {
    width: 33%;
    position: relative;
    padding: 40px 27px 50px;
    transition: all 0.3s;
    margin-top: 46px;
}

.basis_ten_ul_active {
    transform: translateY(-5px);
    box-shadow: 0px 2px 35px 8px rgba(176, 176, 176, 0.15);
}

.basis_ten_ul>li>h2 {
    font-size: 36px;
    font-weight: bold;
    color: rgba(153, 153, 153, 1);
    line-height: 36px;
    margin-bottom: 35px;
    opacity: 0.4;
}

.basis_ten_ul>li>h3 {
    font-size: 18px;
    font-weight: bold;
    color: rgba(48, 48, 48, 1);
    line-height: 18px;
    margin-bottom: 18px;
}

.basis_ten_ul>li>p {
    font-size: 14px;
    font-weight: 400;
    color: rgba(48, 48, 48, 1);
    line-height: 22px;
}

.basis_ten_ul>li>span {
    position: absolute;
    width: 60px;
    height: 2px;
    background: #388CFF;
    bottom: 30px;
    left: 27px;
}

/* 模块十一 */
.basis_eleven {
    height: 1100px;
    position: relative;
}

/* .basis_eleven_title>h3,
.basis_eleven_title>p {
    color: white !important
} */

.basis_eleven_content {
    margin-top: 46px;
    position: relative;
}

.basis_eleven_swiper_container {

    background: rgba(255, 255, 255, 1);
}

.eleven_swiper_wrapper {
    background: white;
}

.basis_eleven_content .swiper-container {
    width: 1200px;
    margin-top: 136px;

}

.eleven_swiper_wrapper .swiper-slide {
    padding: 42px 100px 0;
}

/* 列表 */
.eleven_list>li {
    margin-bottom: 30px;
    position: relative;
}

.eleven_top_ul {
    max-width: 400px;
    position: absolute;
    top: 50%;
    left: 235px;
    transform: translateY(-50%);
}

.eleven_top_ul>li {
    display: flex;
}

/* 色值 */
.eleven_li_blue {
    border: 1px solid rgba(101, 166, 255, 1);
}

.eleven_li_blue .eleven_top_title>h1,
.eleven_li_blue .eleven_top_title>p {
    color: rgba(101, 166, 255, 1);
}

.eleven_li_orange {
    border: 1px solid #EB6100;
}

.eleven_li_orange .eleven_top_title>h1,
.eleven_li_orange .eleven_top_title>p {
    color: #EB6100;
}

.eleven_li_green {
    border: 1px solid #32B16C;
}

.eleven_li_green .eleven_top_title>h1,
.eleven_li_green .eleven_top_title>p {
    color: #32B16C;
}



/* LI */
.eleven_top_title {
    padding: 48px 50px 0px 70px;
    text-align: center;
}

.eleven_top_title>h1 {
    font-size: 100px;
    line-height: 80px;
    font-weight: bold;
}

.eleven_top_title>p {
    font-size: 18px;
    line-height: 18px;
    margin-top: 12px;
    font-weight: bold;
    color: rgba(101, 166, 255, 1);

}



.eleven_top_ul>li>span,
.eleven_top_ul>li>p {
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    color: rgba(48, 48, 48, 1);

}

/*  */
.eleven_list {
    width: 100%;

}

.eleven_list>li {
    display: flex;
    justify-content: space-between;
}

.eleven_swiper_top {
    display: flex;
}

.eleven_swiper_top>h3 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 18px;

    font-weight: bold;
    color: rgba(56, 140, 255, 1);

}

.eleven_swiper_top>p {
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    color: rgba(48, 48, 48, 1);
    margin-bottom: 40px;

}

.eleven_swiper_top>p>span {
    color: #388CFF;
}

.eleven_swiper_img {
    display: flex;
    justify-content: space-between
}

.eleven_swiper_img>li {
    width: 23.77%;
}

.basis_eleven_img1 {
    max-width: 100%;
}

/* 选择列 */
.basis_eleven_content .basis_swiper-pagination {
    width: 1200px;
    height: 80px;
    position: absolute;
    top: -80px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-wrap: wrap;
    z-index: 10;
}

.basis_eleven_content .swiper-pagination-bullet {
    width: 400px;
    height: 80px;
    background: #65A6FF;
    border-radius: 0;
    opacity: 1;
    margin-bottom: 6px;

    text-align: center;
    font-size: 36px;
    line-height: 80px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);


}

.basis_eleven_content .swiper-pagination-bullet-active {
    background: url(img/11-bg.png) no-repeat !important;
    background-size: 100% 100% !important;
    font-weight: bold !important;
    height: 100px;
    border: 0;
    outline: none;
}

/* 第十二模块 */

.basis-twelve {
    height: 763px;
}

.basis-twelve .id_box_title {
    padding-left: 0px;
}

.basis-twelve_ul>ul {
    margin-top: 54px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.twelve_ul_1>li {
    width: 49.28% !important;
}

.basis-twelve_ul>ul>li {
    width: 24%;
    /*height: 240px;*/
    margin-top: 19px;
}

.basis-twelve_ul>ul>li>img {
    width: 100%;
}

/**/
.basis-twelve_swiper-pagination {
    text-align: center;
    margin-top: 30px;
}

.basis-twelve_swiper-pagination>span {
    background: rgba(191, 191, 191, 1);
}

.basis-twelve_swiper-pagination .swiper-pagination-bullet-active {
    background: rgba(191, 191, 191, 1) !important;
}


/* 模块十三 */
.basis_thirteen {
    height: 280px;
}

/* 模块十四 */


.basis-fourteen {
    height: 1030px;
}

/**/
.basis-fourteen_list {
    display: flex;
    display: -ms-flexbox;
    -ms-flex-pack: justify;
    justify-content: space-around;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    margin-top: 20px;
}

.basis-fourteen_list>li {
    width: 44%;
    position: relative;
    height: 340px;
    margin-top: 60px;
}

.basis-fourteen_img {
    position: absolute;
    z-index: 10;
    bottom: -1px;
}

.basis-fourteen_img_3 {
    left: -0px;
}

.fourteen_list_content {
    width: 45%;
    height: 340px;
    text-align: left;
    position: absolute;
    right: 30px;
    top: 10.27%;
}

.fourteen_list_content>h3 {
    font-size: 20px;
    font-weight: bold;
    color: rgba(0, 87, 255, 1);
    line-height: 20px;
    margin-bottom: 20px;
}

.fourteen_list_content>p {
    font-size: 16px;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    line-height: 28px;
}

.fourteen_list_name {
    padding: 21px 30px 0;
    position: absolute;
    width: 80%;
    bottom: 0;
    right: 0;
    height: 100px;
    background: rgba(56, 140, 255, 1);

    text-align: right;
    color: white;
}

.fourteen_list_name>h3 {
    font-size: 30px;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    line-height: 30px;
    margin-bottom: 9px;
}

.fourteen_list_name>p {
    font-size: 20px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 20px;
}


/* 模块十五 */
.basis-fifteen {
    height: 835px;
}

/*表头*/
.basis-fifteen_list {
    padding: 0 100px;
    margin-top: 35px;
}

.fifteen_list_head_ul {
    height: 80px;
    padding: 0 20px 0 10px;
    background: rgba(56, 140, 255, 1);
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
}

.fifteen_list_head_ul>li {
    font-size: 18px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 80px;
    flex: 1;
    text-align: center;
}

.fifteen_list_head_ul>li:nth-child(3) {
    flex: 1;
}

/*表*/
.fifteen_list_content {
    height: 530px;
    padding: 20px 20px 20px 10px;
    background: rgba(255, 255, 255, 1);
}

.fifteen_list_content_ul {
    width: 100%;
}

.fifteen_list_content_ul>li {}

/*表行内*/
.fifteen_content_ul_ul {
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    /*margin: 20px 0;*/
}

.fifteen_content_ul_ul:hover {
    background: rgba(245, 246, 247, 1);
}

.fifteen_content_ul_ul>li {
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    color: #666666;
    flex: 1;
    text-align: center;
}

.fifteen_content_ul_ul>li:nth-child(3) {
    flex: 1;
}

/* 模块十六 */
/*第十二模块*/
.basis-sixteen {
    /*height: 1200px;*/
}

.basis-sixteen_list {
    margin-top: 60px;
    padding: 0 8.57%;
}

.basis-sixteen_list>li {
    margin-bottom: 70px;
}

.basis-sixteen_list>li>h3 {
    font-size: 24px;
    font-weight: bold;
    color: rgba(56, 140, 255, 1);
    line-height: 24px;
    margin-bottom: 26px;
    position: relative;
}

.basis-sixteen_list>li>h3::after,
.basis-sixteen_list>li>p::after {
    content: 'Q';
    position: absolute;
    top: -5px;
    left: -52px;
    width: 36px;
    height: 36px;
    background: rgba(56, 140, 255, 1);
    border-radius: 50%;

    text-indent: 8px;
    font-size: 20px;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    line-height: 35px;
}

.basis-sixteen_list>li>p {
    position: relative;
    font-size: 18px;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    line-height: 36px;
}

.basis-sixteen_list>li>p::after {
    content: 'A';
    background: rgba(235, 242, 254, 1);
    color: rgba(56, 140, 255, 1);
    top: 5px;
    text-indent: 10px;
}

/* 模块十七 */
.basis-seventeen {
    height: 280px;
    text-align: center;
    position: relative;
}

.basis-seventeen h3 {
    font-size: 80px;
    line-height: 80px;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);

    padding-top: 58px;
}

.basis-seventeen_but {
    outline: none;
    border: 0;
    position: absolute;
    left: 50%;
    bottom: 27px;
    transform: translateX(-50%);
    width: 180px;
    height: 40px;
    background: #FFE600;

    font-size: 18px;
    font-weight: 400;
    color: rgba(48, 48, 48, 1);
    line-height: 40px;
}

.basis-seventeen_but:hover {
    background: #FFB800;
}