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


/*背景图居中*/

.bg_center {
    background-position: center center;
}


/*轮播隐藏*/

.swiper-hidden {
    overflow: hidden;
}


/*通用标题*/

.cmf_title {
    text-align: center;
}

.cmf_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;
}

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

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

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


/*第一模块*/

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

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

.swiper-slide img {
    max-width: 100%;
}

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

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


/*第二模块*/

.cmf-tow {
    height: 760px;
}

.cmf-tow_content {
    margin-top: 70px;
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -ms-flex-pack: justify;
    position: relative;
}

.cmf-tow_div {
    position: absolute;
    width: 100px;
    height: 100px;
    background: rgba(174, 204, 255, 1);
    top: -30px;
    right: -30px;
}

.cmf-tow_ul {
    width: 44.28%;
}

.cmf-tow_ul>li {
    margin-bottom: 50px;
}

.cmf-tow_ul>li h3 {
    font-size: 24px;
    font-weight: bold;
    color: rgba(56, 140, 255, 1);
    line-height: 24px;
    margin-bottom: 22px;
}

.cmf-tow_ul>li p {
    font-size: 18px;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    line-height: 24px;
}

.cmf-tow_content>img {
    max-width: 100%;
    position: relative;
    z-index: 10;
}


/*第三模块*/

.cmf-three {
    height: 640px;
    background: rgba(243, 246, 251, 1);
}

.cmf-three_swiper {
    margin-top: 36px;
}

.cmf-three_swiper_ul {
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -ms-flex-pack: justify;
}

.cmf-three_swiper_ul>li {
    width: 32.15%;
}

.cmf-three_swiper_ul img {
    max-width: 100%;
}

.cmf-three_swiper-pagination {
    text-align: center;
    margin-top: 23px;
}

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

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


/*模块四*/

.cmf-four {
    height: 833px;
}

.cmf-four_content {
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -ms-flex-pack: justify;
}

.cmf-four_div {
    margin-top: 34px;
    width: 48.93%;
    transition: all 0.3s;
}

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

.cmf-four_div_head {
    width: 100%;
    height: 100px;
    background: rgba(56, 140, 255, 1);
    text-indent: 69px;
    font-size: 35px;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    line-height: 100px;
}

.cmf-four_div_head>span {
    font-size: 18px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 28px;
}

.cmf-four_div_content {
    position: relative;
    height: 500px;
    border: 1px solid rgba(56, 140, 255, 1);
    padding: 29px 65px 0;
}

.cmf-four_div_content>div h3 {
    font-size: 1.5rem;
    font-weight: bold;
    color: rgba(48, 48, 48, 1);
    line-height: 24px;
    margin-bottom: 19px;
}

.cmf-four_div_content>div p {
    font-size: 1.125rem;
    font-weight: 400;
    color: rgba(48, 48, 48, 1);
    line-height: 30px;
    user-select: text;
}

.cmf-four_div_content>div:first-child p {
    margin-bottom: 30px;
}

.cmf-four_but {
    width: 180px;
    height: 40px;
    background: rgba(255, 226, 31, 1);
    font-size: 18px;
    font-weight: 400;
    color: rgba(48, 48, 48, 1);
    line-height: 40px;
    border: 0px;
    outline: none;
    position: absolute;
    bottom: 30px;
    left: 68px;
}

.cmf-four_but:hover {
    background: rgba(255, 210, 1, 1);
}


/*模块五*/

.cmf-five {
    height: 280px;
}

.cmf-five_box {
    text-align: center;
}

.cmf-five_box h2 {
    font-size: 80px;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    line-height: 80px;
    padding-top: 74px;
}

.cmf-five_box h3 {
    margin-top: 25px;
    font-size: 35px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 35px;
}


/*第六模块*/

.cmf-six {
    height: 710px;
}

.cms-six_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;
}

.cms-six_ul>li {
    width: 33%;
    position: relative;
    padding: 20px 20px 40px;
    transition: all 0.3s;
    margin-top: 30px;
}

.cms-six_ul>li:hover {
    transform: translateY(-5px);
    box-shadow: 0px 1px 19px 2px rgba(197, 197, 197, 0.19);
}

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

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

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

.cms-six_ul>li>span {
    position: absolute;
    width: 60px;
    height: 2px;
    background: #388CFF;
    bottom: 20px;
    left: 20px;
}


/*第七模块*/

.cmf-seven {
    height: 700px;
    background: linear-gradient(184deg, rgba(94, 197, 255, 1) 0%, rgba(90, 132, 255, 1) 100%);
}

.cmf-seven_box .cmf_title>h3,
.cmf-seven_box .cmf_title>p {
    color: #ffffff;
}


/*列表*/

.cmf-seven_box_list {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 14px;
}

.cmf-seven_box_list li {
    width: 12.89%;
    height: 140px;
    background: rgba(255, 255, 255, 1);
    margin-top: 22px;
    position: relative;
}

.cmf-seven_box_list h3 {
    font-size: 85px;
    font-weight: bold;
    color: rgba(51, 140, 255, 1);
    line-height: 85px;
    opacity: 0.1;
}

.cmf-seven_box_list p {
    width: 91px;
    font-size: 18px;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    line-height: 22px;
    text-align: center;
}


/*模块八*/

.cmf-eight {
    height: 889px;
}

.cmf-eight_list {
    margin-top: 30px;
    padding: 0 9.25%;
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -ms-flex-pack: justify;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}

.cmf-eight_list>li {
    width: 31.5%;
    margin-top: 30px;
    transition: all 0.3s;
}

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

.cmf-eight_list>li>div {
    width: 100%;
    /*height:140px;*/
    background: rgba(255, 255, 255, 1);
    padding: 24px 20px;
}

.cmf-eight_list>li>div>h3 {
    font-size: 24px;
    font-weight: bold;
    color: rgba(48, 48, 48, 1);
    line-height: 24px;
}

.cmf-eight_list>li>div>p {
    margin-top: 14px;
    font-size: 15px;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    line-height: 28px;
}

.cmf-eight_active {
    transform: translateY(-24px);
    box-shadow: 0px 1px 19px 2px rgba(197, 197, 197, 0.19);
}

.cmf-eight_active h3 {
    color: #0057FF!important;
}


/*第九模块*/

.cmf-nine {
    height: 780px;
    background: rgba(243, 246, 251, 1);
}

.cmf-nine_img {
    margin-top: 36px;
}

.cmf-nine_img>img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}


/*第十模块*/

.cmf-ten {
    height: 665px;
}

.cmf-ten_list {
    margin-top: 66px;
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -ms-flex-pack: justify;
}

.cmf-ten_list>li {
    width: 24%;
    transition: all 0.3s;
}

.cmf_ten_active {
    transform: translateY(-30px);
}

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

.cmf-ten_list>li>div {
    min-height: 200px;
    padding: 27px 27px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(191, 191, 191, 1);
}

.cmf-ten_list>li>div>h3 {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: rgba(48, 48, 48, 1);
    line-height: 24px;
    margin-bottom: 33px;
}

.cmf-ten_list>li>div>p {
    font-size: 18px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(48, 48, 48, 1);
    line-height: 26px;
}


/*第十一模块*/

.cmf-eleven {
    height: 280px;
}

.cmf-eleven_box {
    text-align: center;
}

.cmf-eleven_box>h2 {
    padding-top: 50px;
    font-size: 60px;
    line-height: 60px;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
}

.cmf-eleven_box>h3 {
    margin-top: 25px;
    font-size: 35px;
    line-height: 35px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
}

.cmf-eleven_but {
    margin-top: 30px;
    width: 180px;
    height: 40px;
    background: rgba(255, 222, 0, 1);
    font-size: 18px;
    line-height: 40px;
    font-weight: 400;
    color: rgba(48, 48, 48, 1);
    outline: none;
    border: 0;
}

.cmf-eleven_but:hover {
    background: rgba(255, 210, 1, 1);
}


/*第十二模块*/

.cmf-twelve_box {
    height: 587px;
}

.cmf-twelve_bot {
    height: 250px;
    background: rgba(90, 137, 255, 1);
}

.cmf_twelve_list {
    margin-top: 37px;
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -ms-flex-pack: justify;
}

.cmf_twelve_list>li {
    width: 23.35%;
    height: 520px;
    position: relative;
    transition: all 2s;
}

.cmf_twelve_list>li:nth-child(2n) {
    transform: translateY(82px);
}

.cmf_twelve_div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform-style: preserve-3d;
    transition: all 0.3s;
}

.cmf_twelve_list>li:hover .cmf_twelve_div {
    transform: rotate3d(0, 1, 0, 180deg);
}

.cmf_twelve_list>li img {
    width: 100%;
    height: 520px;
}


/**/

.twelve_li_img {
    width: 100%;
    position: absolute;
    right: 0;
}

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

.twelve_li_img>h3 {
    position: absolute;
    top: 79px;
    left: 71px;
    width: 30px;
    font-size: 30px;
    font-weight: bold;
    color: rgba(48, 48, 48, 1);
}

.twelve_li_img>p {
    position: absolute;
    top: 79px;
    left: 37px;
    width: 20px;
    font-size: 20px;
    font-weight: 400;
    color: rgba(48, 48, 48, 1);
    line-height: 20px;
}

.twelve_li_name {
    position: absolute;
    right: 0;
    width: 100%;
    height: 520px;
    transform-origin: 50% 100%;
    transform: translate3d(0, 0, -1px) rotateY(180deg);
    background: linear-gradient(141deg, rgba(90, 137, 255, 1) 0%, rgba(94, 197, 255, 1) 100%);
}

.twelve_li_name_div {
    width: 100%;
    height: 100%;
}

.twelve_li_name_title {
    padding-top: 92px;
}

.twelve_li_name_div .twelve_li_name_title>h3 {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    line-height: 30px;
}

.twelve_li_name_div .twelve_li_name_title>p {
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 20px;
    margin-top: 14px;
}

.twelve_li_name_div>p {
    margin-top: 80px;
    padding: 0 50px;
    font-size: 16px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 28px;
}

.twelve_li_name_div>span {
    width: 50px;
    height: 2px;
    background: rgba(255, 255, 255, 1);
    position: absolute;
    left: 50%;
    bottom: 60px;
    transform: translateX(-50%);
}

.twelve_li_right>h3 {
    left: auto;
    right: 35px;
}

.twelve_li_right>p {
    left: auto;
    right: 79px;
}


/*第十三模块*/

.cmf-thirteen {
    /*height: 1200px;*/
}

.cmf-thirteen_list {
    margin-top: 54px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.cmf-thirteen_list>li {
    width: 48.92%;
    box-sizing: border-box;
    padding: 38px 31px 38px 78px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(238, 238, 238, 1);
    margin-bottom: 30px;
    transition: all 0.3s;
}

.cmf-thirteen_list>li:hover {
    transform: translateY(-5px);
}

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

.cmf-thirteen_list>li>h3::after,
.cmf-thirteen_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;
}

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

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


/*第十四模块*/

.cmf-fourteen {
    height: 280px;
    text-align: center;
}

.cmf-fourteen_box>h2 {
    padding-top: 71px;
    font-size: 70px;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    line-height: 70px;
}

.cmf-fourteen_but {
    margin-top: 43px;
    width: 180px;
    height: 40px;
    background: rgba(240, 83, 52, 1);
    font-size: 18px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 40px;
    outline: none;
    border: 0;
}

.cmf-fourteen_but:hover {
    background: #d94325;
}