/* 公共样式 */

@font-face {
    font-family: 'RuiZiZhenYan';
    src: url('../fonts/RuiZiZhenYanTiMianFeiShangYong-2.ttf');
}

* {
    visibility: visible;
    animation-name: fadeInUp;
}

.pagination {
    display: flex;
    justify-content: center;
    margin: 20px auto 30px;
}

.pagination li {
    width: 46px;
    height: 46px;
    margin: 10px 10px;
    border: 1px solid #0e52b2;
    text-align: center;
    line-height: 46px;
    border-radius: 50%;
    cursor: pointer;
}

.pagination li a {
    font-size: 20px;
    color: #0e52b2;
}

.pagination .prev,
.next {
    width: 110px;
    height: 46px;
    line-height: 46px;
    border-radius: 23px;
    border: 1px solid #0e52b2;
}

.pagination .next {
    width: 110px;
    height: 46px;
    line-height: 46px;
    border-radius: 23px;
    border: 1px solid #0e52b2;
}

.pagination .disabled {
    opacity: 0.5;
}

.pagination li span {
    font-size: 20px;
    color: #0e52b2;
}

.pagination li:first-child {
    font-size: 18px;
    color: #0e52b2;
    width: 110px;
    height: 45px;
    border-radius: 23px;
}

.pagination li:last-child {
    font-size: 18px;
    color: #0e52b2;
    width: 110px;
    height: 45px;
    border-radius: 23px;
}

.pagination .active {
    background: #0e52b2;
}

.pagination .active span {
    color: #fff;
}

.pagination .active a {
    color: #fff;
}

.empty {
    height: 70px;
    background: #fff;
}

.container {
    width: 1200px;
    margin: 0 auto;
    /* overflow: hidden; */
}

.container .titledemo {
    width: 100%;
    text-align: center;
    padding: 120px 0 30px 0;
    animation-name: fadeInUp;
    visibility: visible;
}

.container .titledemo .entitle {
    font-size: 20px;
    color: #fff;
    font-weight: 800;
    -webkit-text-stroke: 1px rgba(0, 0, 0, 0.3);
}

.container .titledemo .cntitle {
    font-size: 28px;
    color: #000;
    font-weight: 600;
}

.container .titledemo4 {
    width: 100%;
    text-align: center;
    padding: 30px 0;
    animation-name: fadeInUp;
    visibility: visible;
}

.container .titledemo4 .entitle {
    font-size: 18px;
    color: #999;
    font-weight: 800;
    /* -webkit-text-stroke: 1px rgba(0, 0, 0, 0.3); */
}

.container .titledemo4 .cntitle {
    font-size: 20px;
    color: #000;
    font-weight: 600;
}

.container .titledemo2 {
    text-align: center;
    padding: 60px 0 40px;
    animation-name: fadeInUp;
    visibility: visible;
}

.container .titledemo2 .title {
    font-size: 28px;
    color: #000;
    font-weight: 600;
}

.container .titledemo2 .subtitle {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    margin: 18px 0;
}

.container .titledemo3 {
    text-align: center;
    padding: 60px 0 40px;
    animation-name: fadeInUp;
    visibility: visible;
}

.container .titledemo3 .title {
    font-size: 28px;
    color: #000;
    font-weight: 600;
}

.container .titledemo3 .subtitle {
    font-size: 18px;
    color: #999;
    font-weight: bold;
    margin: 15px 0;
    display: block;
}


/* 头部样式 */

header {
    height: 70px;
    z-index: 99;
    position: fixed;
    width: 100%;
    background: #fff;
    animation-name: fadeInDown;
    visibility: visible;
    top: 0;
}

header .container {
    animation-name: fadeInDown;
    visibility: visible;
    width: 100%;
}

header .container .wrapper {
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
}

header .logobox {
    max-width: 410px;
    overflow: hidden;
}

header .logobox img {
    margin: 10px 0 0 0;
}

header nav {
    height: 70px;
    line-height: 70px;
}

header nav .mainnav {
    display: flex;
    justify-content: flex-end;
}

header nav .mainnav .active>a {
    color: #2864be;
    font-weight: 700;
}

header nav .mainnav .active .line {
    width: 42px;
    transition: all 0.4s;
}

header nav .mainnav .subnav {
    background: #fff;
    line-height: 1;
    display: flex;
    position: fixed;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    width: 100%;
    left: 0;
    text-align: center;
    height: 100px;
    top: -130px;
    transition: all 0.4s;
    z-index: -1;
}

header nav .mainnav .subnav a {
    padding: 20px 2vw;
    display: flex;
    font-size: 14px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

header nav .mainnav .subnav a img {
    margin: 0 0 16px 0;
}

header nav .mainnav .subnav a:hover {
    /* color: #fff; */
    /* background: #0c51bd; */
}

header nav .mainnav li {
    flex-grow: 1;
    height: 70px;
    /* position: relative; */
}

header nav .mainnav li .line {
    display: block;
    height: 3px;
    background: #0e52b2;
    /* bottom: 0;
    left: 50%;
    margin: 0 0 0 -15px; */
    width: 0;
    transition: all 0.4s;
    margin: -4px auto 0;
}

header nav .mainnav li:hover .subnav {
    animation-name: fadeInDown;
    visibility: visible;
    transition: all 0.4s;
    width: 100%;
    position: fixed;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    top: 70px;
    transition: all 0.4s;
    z-index: -1;
    /* border-top: 1px solid #efefef; */
}

header nav .mainnav li:hover .line {
    width: 42px;
    transition: all 0.4s;
}

header nav .mainnav li:hover>a {
    color: #2864be;
    font-weight: 700;
}

header nav .mainnav li a {
    font-size: 16px;
    color: #707070;
    padding: 0 20px;
}

header nav .mainnav li a:hover {
    text-decoration: none;
}


/* banner */

.banner .swiper-button-prev {
    color: #fff;
}

.banner .swiper-button-next {
    color: #fff;
}

.banner .swiper-slide .apply_btn {
    position: absolute;
    width: 130px;
    height: 34px;
    font-size: 16px;
    font-weight: bold;
    line-height: 34px;
    color: rgb(2, 74, 176);
    z-index: 9;
    top: 73%;
    background: rgb(255, 239, 0);
    text-align: center;
    border-radius: 25px;
    margin: 0 0 0 512px;
    box-shadow: 1px 1px 2px #000;
}

.banner .swiper-slide .join_btn {
    position: absolute;
    width: 130px;
    height: 34px;
    font-size: 16px;
    font-weight: bold;
    line-height: 34px;
    color: rgb(2, 74, 176);
    z-index: 9;
    top: 73%;
    background: rgb(255, 239, 0);
    text-align: center;
    border-radius: 25px;
    margin: 0 0 0 666px;
    box-shadow: 1px 1px 2px #000;
}

.banner .swiper-slide:not(:first-child) .apply_btn {
    display: none;
}

.banner .swiper-slide:not(:first-child) .join_btn {
    display: none;
}

.banner .swiper-pagination-bullet {
    background: #fff;
}

.banner .container {
    position: relative;
}

.banner img {
    display: block;
    margin: 0 auto;
}

.banner .container .numbox {
    width: 1200px;
    height: 120px;
    background: #fff;
    position: absolute;
    border-radius: 10px;
    left: 0;
    bottom: -60px;
    z-index: 9;
    box-shadow: 5px 0 6px rgba(0, 99, 255, 0.18);
    animation-name: fadeInUpBig;
    visibility: visible;
}

.banner .container .numbox {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

.banner .container .numbox .numitem {
    flex-grow: 1;
    text-align: center;
    align-items: center;
}

.banner .container .numbox .numitem {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.banner .container .numbox .numitem .picbox {
    width: 70px;
    height: 70px;
    overflow: hidden;
}

.banner .container .numbox .numitem .picbox img {
    width: 100%;
    height: 100%;
    transition: all 0.4s;
}

.banner .container .numbox .numitem .picbox:hover img {
    transition: all 0.4s;
    transform: scale(0.99);
}

.banner .container .numbox .numitem .txtbox {
    position: relative;
    padding: 10px 0 0 10px;
    text-align: left;
}

.banner .container .numbox .numitem .txtbox .top {
    position: relative;
}

.banner .container .numbox .numitem .txtbox .top .num {
    font-size: 46px;
    font-weight: bolder;
    color: #0c85ec;
    line-height: 1;
    font-family: 'RuiZiZhenYan';
    display: inline-block;
}

.banner .container .numbox .numitem .txtbox .top .more {
    font-size: 24px;
    color: #0c85ec;
    position: absolute;
    right: -1px;
    top: -20px;
}

.banner .container .numbox .numitem .txtbox .top .uni {
    font-size: 16px;
    color: #0c85ec;
    font-weight: 600;
    position: absolute;
    right: 0;
    bottom: 0;
}

.banner .container .numbox .numitem .txtbox .top #num1 {
    width: 112px;
}

.banner .container .numbox .numitem .txtbox .top #num2 {
    width: 110px;
}

.banner .container .numbox .numitem .txtbox .top #num3 {
    width: 140px;
}

.banner .container .numbox .numitem .txtbox .name {
    font-size: 16px;
    color: #333333;
    font-weight: 400;
}


/* SOLUTION PROVIDER */


/* .solution {
    padding: 80px 0 0 0;
} */

.solution .container .solution-list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 40px 0 50px 0;
    visibility: visible;
    animation-name: fadeInUp;
}

.solution .container .solution-list .so-item {
    width: 256px;
    height: 299px;
    box-shadow: 0 0 16px rgba(0, 99, 255, 0.18);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 48px;
    overflow: hidden;
    border-radius: 20px;
    transition: all 0.8s;
    background: #fff;
}

.solution .container .solution-list .so-item:hover {
    margin: -40px 48px 0;
    transition: all 0.8s;
    background-image: linear-gradient(#7fb3ff, #0e52b2);
}

.solution .container .solution-list .so-item:hover .name {
    color: #fff;
}

.solution .container .solution-list .so-item:hover .cont {
    color: #fff;
}

.solution .container .solution-list .so-item img {
    display: block;
    margin: 10px 0;
}

.solution .container .solution-list .so-item .name {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin: 0 0 6px 0;
}

.solution .container .solution-list .so-item .cont {
    font-size: 16px;
    color: #666;
    line-height: 28px;
    text-align: center;
}


/* 我们的优势 */

.our-adv {
    height: 578px;
    background: url(../images/picture/adv/advbg.jpg) no-repeat center;
}

.our-adv .container .titledemo2 .title {
    color: #fff;
    text-shadow: 3px 0 0 #3771c4;
}

.our-adv .container .titledemo2 .subtitle {
    color: #fff;
    text-shadow: 3px 0 0 #3771c4;
    margin: 10px 0;
}

.our-adv .container .adv-wrapper .wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    visibility: visible;
    animation-name: fadeInUp;
}


/* .our-adv .container .adv-wrapper .wrapper .adv-pic {
    animation-name: bounceIn;
    visibility: visible;
} */


/* .our-adv .container .adv-wrapper .wrapper .adv-item {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 350px;
    animation-name: slideInRight;
    visibility: visible;
} */


/* .our-adv .container .adv-wrapper .wrapper .adv-item .item-cont {
    width: 300px;
    transition: all 0.4s;
    user-select: none;
}

.our-adv .container .adv-wrapper .wrapper .adv-item .item-cont .title {
    font-size: 16px;
    color: #ffef00;
    font-weight: bold;
}

.our-adv .container .adv-wrapper .wrapper .adv-item .item-cont .cont {
    font-size: 14px;
    color: #fff;
    line-height: 25px;
    text-align: justify; */


/* } */

.our-adv .item-cont:hover {
    animation-name: bounce;
    visibility: visible;
    transition: all 0.4s;
}

.our-adv .container .adv-wrapper .wrapper .left-item {
    animation-name: slideInLeft;
    visibility: visible;
}

.our-adv .container .adv-wrapper .wrapper .left-item .title {
    text-align: right;
}


/* 我们的优势第二版 */

.our-adv .container .adv-wrapper .wrapper .adv-item2 {
    width: 287px;
    height: 325px;
    border-radius: 18px;
    background: #fff;
    position: relative;
    margin: 0 7px;
    overflow: hidden;
}

.our-adv .container .adv-wrapper .wrapper .adv-item2 .picbox {
    width: 100%;
    height: 100%;
    text-align: center;
}

.our-adv .container .adv-wrapper .wrapper .adv-item2 .picbox img {
    display: block;
    margin: 0 auto;
    padding: 30px 0 40px 0;
}

.our-adv .container .adv-wrapper .wrapper .adv-item2 .picbox .name {
    font-size: 18px;
    color: #333333;
}

.our-adv .container .adv-wrapper .wrapper .adv-item2 .txtbox {
    width: 100%;
    height: 100%;
    background: linear-gradient(#0068ff, #024ab1);
    border-radius: 16px;
    position: absolute;
    bottom: 0;
    opacity: 0;
    transition: all 0.2s;
}

.our-adv .container .adv-wrapper .wrapper .adv-item2 .txtbox .name {
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    padding: 50px 0 0 0;
    text-align: center;
}

.our-adv .container .adv-wrapper .wrapper .adv-item2 .txtbox .line {
    display: block;
    width: 30px;
    border-radius: 2px;
    height: 2px;
    background: #fff;
    margin: 34px auto;
}

.our-adv .container .adv-wrapper .wrapper .adv-item2 .txtbox .cont {
    width: 233px;
    font-size: 14px;
    line-height: 25px;
    color: #fff;
    margin: 0 auto;
}

.our-adv .container .adv-wrapper .wrapper .adv-item2:hover .txtbox {
    opacity: 1;
    transition: all 0.2s;
    /* animation-name: bounceIn;
    visibility: visible; */
}


/* .our-adv .container .adv-wrapper .wrapper .adv-item2:hover .picbox {
    animation-name: zoomOut;
    visibility: visible;
} */

.our-adv .container .adv-wrapper .wrapper .adv-item2:hover {
    box-shadow: 0 0 16px rgba(169, 204, 255, 1);
}


/* 合作模式 */

.coop-mode .container .coop-mode-list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    visibility: visible;
    animation-name: fadeInUp;
}

.coop-mode .container .coop-mode-list .list-item {
    width: 274px;
    height: 611px;
    border-radius: 10px;
    padding: 100px 0 70px 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    box-shadow: 0 0 16px rgba(0, 99, 255, 0.18);
}

.coop-mode .container .coop-mode-list .list-item1 {
    background: url(../images/picture/coop/coopbg1.jpg) no-repeat center;
    background-size: contain;
    user-select: none;
}

.coop-mode .container .coop-mode-list .list-item1:hover {
    animation: bounce 0.8s;
}

.coop-mode .container .coop-mode-list .list-item2 {
    background: url(../images/picture/coop/coopbg2.jpg) no-repeat center;
    background-size: contain;
    user-select: none;
}

.coop-mode .container .coop-mode-list .list-item2:hover {
    animation: bounce 0.8s;
}

.coop-mode .container .coop-mode-list .list-item3 {
    background: url(../images/picture/coop/coopbg3.jpg) no-repeat center;
    background-size: contain;
    user-select: none;
}

.coop-mode .container .coop-mode-list .list-item3:hover {
    animation: bounce 0.8s;
}

.coop-mode .container .coop-mode-list .list-item4 {
    background: url(../images/picture/coop/coopbg4.jpg) no-repeat center;
    background-size: contain;
    user-select: none;
}

.coop-mode .container .coop-mode-list .list-item4:hover {
    animation: bounce 0.8s;
}

.coop-mode .container .coop-mode-list .list-item .item-cont {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    height: 95px;
}

.coop-mode .container .coop-mode-list .list-item .item-cont .picbox {
    width: 44px;
    height: 44px;
}

.coop-mode .container .coop-mode-list .list-item .item-cont .picbox img {
    width: 100%;
    height: 100%;
}

.coop-mode .container .coop-mode-list .list-item .item-cont .txtbox {
    padding: 0 0 0 14px;
    width: 170px;
}

.coop-mode .container .coop-mode-list .list-item .item-cont .txtbox .name {
    font-size: 18px;
    color: #333;
}

.coop-mode .container .coop-mode-list .list-item .item-cont .txtbox .cont {
    font-size: 14px;
    color: #666;
    line-height: 22px;
}


/* 供应链 */

.supply .container .supply-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    animation-name: pulse;
    visibility: visible;
}

.supply .container .supply-list .supply-item {
    width: 16.6%;
    margin: 20px 0 20px 0;
    text-align: center;
}

.supply .container .supply-list .supply-item .picbox {
    width: 125px;
    height: 126px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.supply .container .supply-list .supply-item .picbox:hover .cover1 {
    left: -125px;
    bottom: -125px;
    transition: all 0.6s;
}

.supply .container .supply-list .supply-item .picbox:hover .cover2 {
    right: -125px;
    top: -125px;
    transition: all 0.6s;
}

.supply .container .supply-list .supply-item .picbox .cover1 {
    width: 125px;
    height: 125px;
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.18);
    z-index: 9;
    border-radius: 50%;
    left: -33px;
    bottom: -33px;
    transition: all 0.6s;
}

.supply .container .supply-list .supply-item .picbox .cover2 {
    width: 125px;
    height: 125px;
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.18);
    right: -33px;
    top: -33px;
    z-index: 9;
    border-radius: 50%;
    transition: all 0.6s;
}

.supply .container .supply-list .supply-item .picbox .supply-icon {
    width: 100%;
    height: 100%;
}

.supply .container .supply-list .supply-item .name {
    font-size: 18px;
    color: #333;
    text-align: center;
    margin: 14px 0;
}

.supply .container .supply-list .supply-item .subname {
    font-size: 14px;
    color: #999;
}


/* 五大系统支持 */

.five-system .container .entitle {
    -webkit-text-stroke: 1px rgba(12, 81, 189, 0.3);
}

.five-system .container .cntitle {
    color: #0c51bd;
}

.five-system .container .support-list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    animation-name: slideInUp;
    visibility: visible;
}

.five-system .container .support-list .support-item {
    width: 200px;
    height: 96px;
    box-shadow: 0 0 16px rgba(0, 99, 255, 0.18);
    margin: 20px 7px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    cursor: pointer;
    user-select: none;
}

.five-system .container .support-list .active {
    background: url(../images/picture/system/bg.png) no-repeat center;
}

.five-system .container .support-list .support-item:hover {
    background: url(../images/picture/system/bg.png) no-repeat center;
}

.five-system .container .support-list .support-item:hover .name {
    color: #fff;
}

.five-system .container .support-list .support-item:hover .subname {
    color: #fff;
}

.five-system .container .support-list .support-item .name {
    font-size: 20px;
    color: #0c51bd;
    font-weight: bold;
    text-align: center;
}

.five-system .container .support-list .support-item .subname {
    font-size: 14px;
    color: #999;
    text-align: center;
}

.partners {
    margin: 30px 0 0 0;
}

.partners .container .partner-list {
    display: flex;
    flex-direction: revert;
    flex-wrap: wrap;
    justify-content: center;
}

.partners .container .partner-list .partner-item {
    max-width: 150px;
}

.partners .container .partner-list .partner-item img {
    width: 100%;
    max-width: 100%;
    transition: all 0.4s;
}

.partners .container .partner-list .partner-item:hover img {
    transition: all 0.4s;
    transform: scale(1.4);
}


/* 众多客户选择 */

.brand-custome {
    padding: 30px 0;
}

.brand-custome .container .brand-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    animation-name: bounceIn;
    visibility: visible;
}

.brand-custome .container .brand-list .brand-item {
    width: 190px;
    height: 87px;
    overflow: hidden;
    box-shadow: 0 0 16px rgba(0, 99, 255, 0.18);
    margin: 10px 5px;
    transition: all 0.4s;
}

.brand-custome .container .brand-list .brand-item img {
    width: 100%;
    height: 100%;
    transition: all 0.4s;
}

.brand-custome .container .brand-list .brand-item:hover {
    transition: all 0.4s;
    transform: scale(1.35);
}


/* 定制服务 */

.customization .container .cus-list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 30px 0;
    justify-content: center;
    animation-name: slideInUp;
    visibility: visible;
}

.customization .container .cus-list .cus-item {
    width: 256px;
    height: 276px;
    position: relative;
    margin: 0 47.5px;
    overflow: hidden;
    border-radius: 20px;
    background: #fff;
    transition: all 0.4s;
    cursor: pointer;
}

.customization .container .cus-list .cus-item:hover {
    background: linear-gradient(#7fb3ff, #0e52b2);
    margin: -20px 47.5px 0;
    transition: all 0.4s;
}

.customization .container .cus-list .cus-item:hover .name {
    color: #fff;
}

.customization .container .cus-list .cus-item .picbox {
    width: 100%;
    height: 172px;
    overflow: hidden;
}

.customization .container .cus-list .cus-item .picbox img {
    width: 100%;
    object-fit: cover;
}

.customization .container .cus-list .cus-item .picbox:hover img {
    transition: all 0.4s;
    transform: scale(1.01);
}

.customization .container .cus-list .cus-item .name {
    font-size: 16px;
    color: #666;
    line-height: 28px;
    text-align: center;
    padding: 38px 0 0 0;
    width: 150px;
    margin: 0 auto;
}

.customization .container .cus-list .cus-item .catename {
    display: block;
    width: 138px;
    height: 36px;
    text-align: center;
    line-height: 28px;
    border: 3px solid #fff;
    background: linear-gradient(#7fb3ff, #0e52b2);
    border-radius: 25px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    top: 153px;
    left: 50%;
    margin: 0 0 0 -69px;
}


/* 值得更好的服务 */

.service {
    height: 772px;
    background: url(../images/picture/service/bg.jpg) no-repeat center;
    margin: -135px 0 0 0;
}

.service .container {
    padding: 200px 0 0 0;
}

.service .container .titledemo2 .title {
    color: #fff;
    text-shadow: 3px 0 0 #3771c4;
}

.service .container .titledemo2 .subtitle {
    color: #fff;
    text-shadow: 3px 0 0 #3771c4;
}

.service .container .titledemo .entitle {
    color: #5994e9;
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.5)
}

.service .container .titledemo .cntitle {
    color: #fff;
}


/* 更好的服务 */

.service .container .service-list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    padding: 30px 0 0 0;
    animation-name: slideInUp;
    visibility: visible;
}

.service .container .service-list .service-item {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.service .container .service-list .service-item .picbox {
    width: 150px;
    height: 150px;
    overflow: hidden;
}

.service .container .service-list .service-item .picbox img {
    width: 100%;
    height: 100%;
}

.service .container .service-list .service-item .txtbox .name {
    font-size: 20px;
    font-weight: bold;
    color: #ffef00;
    text-align: center;
    margin: 18px 0;
}

.service .container .service-list .service-item .txtbox .line {
    display: block;
    width: 32px;
    height: 2px;
    background: rgba(255, 255, 255, 0.3);
    margin: 20px auto;
}

.service .container .service-list .service-item .txtbox .cont {
    font-size: 16px;
    color: #fff;
    width: 146px;
    margin: 0 auto;
}


/* 证书 */

.certifi .container {
    padding: 100px 0 100px 0;
}

.certifi .container .certifi-list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 30px 0 0 0;
    animation-name: slideInUp;
    visibility: visible;
}

.certifi .container .certifi-list .certifi-item {
    width: 164px;
    height: 173px;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    box-shadow: 0 0 16px rgba(0, 99, 255, 0.18);
    margin: 0 20px;
    padding: 10px 0 0 0;
}

.certifi .container .certifi-list .certifi-item .picbox {
    width: 100px;
    height: 100px;
}

.certifi .container .certifi-list .certifi-item .picbox img {
    width: 100%;
    height: 100%;
}

.certifi .container .certifi-list .certifi-item .name {
    font-size: 14px;
    color: #2971d9;
    text-align: center;
}

.certifi .container .form {
    height: 622px;
    width: 100%;
    background: url(../images/picture/certificate/bg.jpg) no-repeat center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 124px 0 0 0;
    box-shadow: 0 0 32px rgba(48, 48, 48, .32);
    visibility: visible;
    animation-name: fadeInUp;
}

.certifi .container .form .demo {
    width: 450px;
}

.certifi .container .form .formbox {
    width: 620px;
    margin: 0 60px 0 0;
    padding: 47px 0 0 0;
}

.certifi .container .form .formbox .title {
    font-size: 30px;
    color: #000;
    font-weight: bold;
    /* margin: 0 0 21px 0; */
}

.certifi .container .form .formbox .subtitle {
    font-size: 16px;
    color: #666;
}

.certifi .container .form .formbox .wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-end;
    margin: 14px 0 0 0;
}

.certifi .container .form .formbox .wrapper .inputbox {
    width: 48%;
    overflow: hidden;
}

.certifi .container .form .formbox .wrapper .inputbox span {
    font-size: 16px;
    color: #000;
    margin: 0 0 14px 0;
    display: block;
}

.certifi .container .form .formbox .wrapper .inputbox span i {
    color: #ff0000;
}

.certifi .container .form .formbox .wrapper .inputbox input {
    width: 90%;
    height: 58px;
    background: #f2f2f2;
    border: 0;
    outline: none;
    padding: 0 24px;
}

.certifi .container .form .formbox .wrapper .inputbox input::placeholder {
    font-size: 16px;
    color: #999;
}

.certifi .container .form .formbox .wrapper .inputbox textarea {
    background: #f2f2f2;
    outline: none;
    border: 0;
    width: 100%;
    height: 122px;
    padding: 24px;
    display: block;
    resize: none;
}

.certifi .container .form .formbox .wrapper .inputbox textarea::placeholder {
    font-size: 16px;
    color: 999;
}

.certifi .container .form .formbox .wrapper .inputbox .verifybox {
    position: relative;
}

.certifi .container .form .formbox .wrapper .inputbox .verifybox input {
    width: 100%;
    height: 58px;
    line-height: 58px;
    outline: none;
    border: 0;
    background: #f2f2f2;
    padding: 0 24px;
}

.certifi .container .form .formbox .wrapper .inputbox .verifybox img {
    position: absolute;
    z-index: 9;
    right: 0px;
    bottom: 0px;
    width: 137px;
    height: 58px;
}

.certifi .container .form .formbox .wrapper a {
    display: block;
    width: 48%;
    height: 58px;
    background: #2863bd;
    color: #fff;
    line-height: 58px;
    text-align: center;
    font-size: 16px;
}


/* 新闻中心 */

.index-news .swiper-slide {
    min-height: 604px;
}

.index-news .container .news-cate-list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    border-bottom: 1px solid #d6d6d6;
}

.index-news .container .news-cate-list .news-cate {
    width: 123px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    color: #000;
    border-radius: 19px;
    text-align: center;
    margin: 20px 10px;
}

.index-news .container .news-cate-list .active {
    background: #0c51bd;
    color: #fff;
}

.index-news .container .news-list {
    display: flex;
    justify-content: center;
    padding: 51px 0 0 0;
    visibility: visible;
    animation-name: fadeInUp;
}

.index-news .container .news-list .null-pic {
    display: none;
}

.news-report .container .report-list .null-pic {
    display: none;
    width: 662px;
    margin: 0 auto;
}

.index-news .container .news-list .news-item {
    width: 288px;
    box-shadow: 0 0 10px rgba(78, 117, 201, 0.3);
    border-radius: 10px;
    overflow: hidden;
    margin: 0 10px 0 0;
    height: 444px;
    transition: all 0.4s;
}

.index-news .container .news-list .news-item:last-child {
    margin: 0;
}

.index-news .container .news-list .news-item:hover {
    margin: -30px 10px 0 0;
    transition: all 0.4s;
}

.index-news .container .news-list .news-item:last-child:hover {
    margin: -30px 0 0 0;
    transition: all 0.4s;
}

.index-news .container .news-list .news-item .picbox {
    width: 100%;
    height: 185px;
    overflow: hidden;
}

.index-news .container .news-list .news-item .picbox img {
    width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.index-news .container .news-list .news-item .txtbox {
    padding: 27px 22px;
}

.index-news .container .news-list .news-item .txtbox .title {
    font-size: 18px;
    color: #333;
    height: 54px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.index-news .container .news-list .news-item .txtbox .cont {
    font-size: 14px;
    color: #999;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    -webkit-box-orient: vertical;
    margin: 21px 0;
}

.index-news .container .news-list .news-item .txtbox .line {
    display: block;
    background: #999999;
    width: 100%;
    height: 1px;
    margin: 0 0 10px 0;
}

.index-news .container .news-list .news-item .txtbox .date {
    font-size: 14px;
    color: #666;
}

.index-news .container .news-more {
    width: 160px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    border-radius: 25px;
    color: #0c51bd;
    background: none;
    border: 1px solid #0c51bd;
    display: block;
    margin: 30px auto;
    font-size: 20px;
    overflow: hidden;
}

.index-news .container .news-more:hover {
    color: #fff;
}


/* 友情链接 */

.link {
    background: #fff;
    padding: 50px 0 30px 0;
    border-top: 1px solid #efefef;
}

.link .container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    animation-name: fadeInUp;
    visibility: visible;
}

.link .container .name {
    color: #000;
    font-size: 18px;
    min-width: 80px;
    font-weight: bold;
}

.link .container .lnklist {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.link .container .lnklist a {
    display: inline-block;
    font-size: 16px;
    color: #666;
    margin: 0 8px 10px 10px;
    min-width: 80px;
    text-align: center;
}

.link .container .lnklist .active {
    color: #0e52b2;
}


/* 底部 */

footer {
    background: #666666;
    padding: 50px 0 0 0;
}

footer .container {
    padding: 40px 0 0 0;
    animation-name: fadeInUp;
    visibility: visible;
    padding: 0px 16px;
}

footer .container .wrapper {
    display: flex;
    justify-content: space-evenly;
}

footer .backtotop {
    position: fixed;
    right: 5%;
    bottom: 10%;
    cursor: pointer;
}

footer .infomation img {
    margin: 0 0 25px 0;
    display: block;
}

footer .infomation .info-item {
    margin: 25px 30px 0 0;
    display: inline-block;
}

footer .infomation .info-item .title {
    font-size: 16px;
    color: #fff;
    padding: 0 0 0 25px;
    position: relative;
}

footer .infomation .info-item .title1::before {
    content: '';
    width: 17px;
    height: 17px;
    background: url(../images/position-icon.png) no-repeat center;
    position: absolute;
    top: 3px;
    left: 0;
}

footer .infomation .info-item .title2::before {
    content: '';
    width: 17px;
    height: 17px;
    background: url(../images/time-icon.png) no-repeat center;
    position: absolute;
    top: 3px;
    left: 0;
}

footer .infomation .info-item .title3::before {
    content: '';
    width: 17px;
    height: 17px;
    background: url(../images/phone-icon.png) no-repeat center;
    position: absolute;
    top: 3px;
    left: 0;
}

footer .infomation .info-item span {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
}

footer .container .wrapper .cate-list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

footer .container .wrapper .cate-list .cate-item {
    margin: 0 8px;
}

footer .container .wrapper .cate-list .cate-item .title {
    font-size: 16px;
    color: #fff;
    margin: 0 0 20px 0;
    font-weight: bold;
}

footer .container .wrapper .cate-list .cate-item span {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    display: block;
    margin: 11px 0;
}

footer .container .wrapper .qrcode img {
    display: block;
    margin: 0 0 10px 0;
}

footer .container .wrapper .qrcode span {
    font-size: 14px;
    color: #fff;
    text-align: center;
    display: block;
}

footer .infobar {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    padding: 22px 0;
    margin: 14px 0 0 0;
    animation-name: fadeInUp;
    visibility: visible;
}

footer .infobar p {
    font-size: 14px;
    color: #fff;
    text-align: center;
}

footer .infobar p a {
    color: #fff;
    margin: 0 10px;
}


/* 内页关于我们 */

.aboutus .container .wrapper {
    width: 1200px;
    height: 752px;
    background: url(../images/picture/about/aboutus.png) no-repeat center;
    margin: -280px auto 0;
}

.aboutus .container .wrapper .title {
    padding: 328px 55px 0;
    font-size: 28px;
    color: #fff;
    font-weight: bold;
}

.aboutus .container .wrapper .cont {
    font-size: 14px;
    color: #fff;
    padding: 20px 55px 0;
    line-height: 28px;
}

.shop-style .container {
    display: flex;
    justify-content: center;
    ;
}

.shop-style .container .shop-item {
    width: 278px;
    height: 189px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    cursor: pointer;
    margin: 70px 28px 0;
}

.shop-style .container .shop-item:last-child {
    margin: 70px 0 70px 0;
}

.shop-style .container .item1 {
    background: url(../images/picture/about/001.jpg) no-repeat center;
    background-size: cover;
}

.shop-style .container .item2 {
    background: url(../images/picture/about/002.jpg) no-repeat center;
    background-size: cover;
}

.shop-style .container .item3 {
    background: url(../images/picture/about/003.jpg) no-repeat center;
    background-size: cover;
}

.shop-style .container .item4 {
    background: url(../images/picture/about/004.jpg) no-repeat center;
    background-size: cover;
}

.shop-style .container .shop-item .mark {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
}

.shop-style .container .shop-item:hover .mark {
    background: rgba(20, 75, 215, 0.6);
}

.shop-style .container .shop-item .mark .name {
    font-size: 20px;
    color: #fff;
    line-height: 189px;
    text-align: center;
    opacity: 0;
}

.shop-style .container .shop-item:hover .mark .name {
    opacity: 1;
}


/* 联系方式 */

.aboutus-title {
    font-size: 28px;
    color: #000;
    text-align: center;
    margin: 40px 0 20px 0;
    font-weight: bold;
}

.tocontact .container .contactlist {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tocontact .container .contactlist .contact-item {
    display: flex;
    justify-content: center;
    width: 382px;
    height: 127px;
    border: 1px solid #c4c4c4;
    margin: 0 22px 30px 0;
    align-items: center;
}

.tocontact .container .contactlist .contact-item:nth-child(3n) {
    margin: 0 0 30px 0;
}

.tocontact .container .contactlist .contact-item .picbox {
    width: 105px;
    height: 95px;
    overflow: hidden;
}

.tocontact .container .contactlist .contact-item .picbox img {
    width: 100%;
    height: 100%;
}

.tocontact .container .contactlist .contact-item .txtbox {
    padding: 0 0 0 30px;
}

.tocontact .container .contactlist .contact-item .txtbox .company {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin: 5px 0;
    padding: 0 0 0 30px;
    position: relative;
}

.tocontact .container .contactlist .contact-item .txtbox .company::before {
    content: '';
    width: 17px;
    height: 17px;
    background: url(../images/company-icon.png) no-repeat center;
    position: absolute;
    top: 2px;
    left: 0;
    filter: opacity(0.3);
}

.tocontact .container .contactlist .contact-item .txtbox .who {
    font-size: 14px;
    color: #999;
    padding: 0 0 0 30px;
    margin: 2px 0;
    position: relative;
}

.tocontact .container .contactlist .contact-item .txtbox .who::before {
    content: '';
    width: 17px;
    height: 17px;
    background: url(../images/peple-icon.png) no-repeat center;
    position: absolute;
    top: 2px;
    left: 0;
    filter: opacity(0.3);
}

.tocontact .container .contactlist .contact-item .txtbox .phone {
    font-size: 14px;
    color: #999;
    padding: 0 0 0 30px;
    position: relative;
}

.tocontact .container .contactlist .contact-item .txtbox .phone::before {
    content: '';
    width: 17px;
    height: 17px;
    background: url(../images/phone-icon2.png) no-repeat center;
    position: absolute;
    top: 2px;
    left: 0;
    filter: opacity(0.3);
}

.culture {
    padding: 50px 0 80px 0;
}

.culture .container .culture-list {
    display: flex;
    justify-content: space-between;
}

.culture .container .culture-list .culture-item {
    width: 237px;
    height: 134px;
    margin: 0 26px 0 0;
    border-radius: 67px;
    border: 1px solid #d8d8d8;
    padding: 0 0 0 145px;
    position: relative;
}

.culture .container .culture-list .item1::before {
    content: '';
    width: 118px;
    height: 118px;
    background: url(../images/01.png) no-repeat center;
    position: absolute;
    top: 8px;
    left: 8px;
}

.culture .container .culture-list .item2::before {
    content: '';
    width: 118px;
    height: 118px;
    background: url(../images/02.png) no-repeat center;
    position: absolute;
    top: 8px;
    left: 8px;
}

.culture .container .culture-list .item3::before {
    content: '';
    width: 118px;
    height: 118px;
    background: url(../images/03.png) no-repeat center;
    position: absolute;
    top: 8px;
    left: 8px;
}

.culture .container .culture-list .item1:hover::before {
    background: url(../images/01-hover.png) no-repeat center;
}

.culture .container .culture-list .item2:hover::before {
    background: url(../images/02-hover.png) no-repeat center;
}

.culture .container .culture-list .item3:hover::before {
    background: url(../images/03-hover.png) no-repeat center;
}

.culture .container .culture-list .culture-item:last-child {
    margin: 0;
}

.culture .container .culture-list .culture-item .name {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    padding: 33px 0 0 0;
}

.culture .container .culture-list .culture-item .subname {
    font-size: 14px;
    color: #999;
    padding: 6px 0 0 0;
}

.culture .container .culture-list .culture-item:hover {
    background: linear-gradient(#27abff, #304cbb);
}

.culture .container .culture-list .culture-item:hover .name {
    color: #fff;
}

.culture .container .culture-list .culture-item:hover .subname {
    color: #fff;
}


/* 资质荣誉 */

.honor {
    padding: 0 0 60px 0;
}

.honor .container .honor-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.honor .container .honor-list .honor-item {
    width: 290px;
    height: 295px;
    overflow: hidden;
    margin: 0 10px 10px 0;
    border: 1px solid #d1d1d1;
}

.honor .container .honor-list .honor-item:nth-child(4n) {
    margin: 0 0 10px 0;
}

.honor .container .honor-list .honor-item img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: 0 auto;
    transition: all 0.4s;
}

.honor .container .honor-list .honor-item:hover img {
    transition: all 0.4s;
    transform: scale(1.02);
}


/* 新闻报导 */

.news-banner {
    margin: 80px auto 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.news-banner .banner {
    width: 894px;
    height: 365px;
    overflow: hidden;
}

.news-banner .swiper-button-prev {
    color: #fff;
}

.news-banner .swiper-button-next {
    color: #fff;
}

.news-banner .video-box {
    width: 245px;
    height: 315px;
    background: #fff;
    padding: 25px 15px;
    box-shadow: 0 0 16px rgba(12, 81, 189, 0.2);
}

.news-banner .video-box video {
    width: 246px;
    margin: 0 0 20px 0;
}

.news-banner .video-box .name {
    font-size: 20px;
    color: #333;
    margin: 0 0 10px 0;
}

.news-banner .video-box .intro {
    font-size: 14px;
    color: #999;
    margin: 0 0 20px 0;
}

.news-banner .video-box .date {
    font-size: 14px;
    color: #999;
}

.news-report .container {
    display: flex;
    justify-content: space-between;
    padding: 0 0 50px 0;
}

.news-report .container .news-cate-list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    border-bottom: 1px solid #d6d6d6;
    width: 893px;
    align-items: center;
    margin: 40px 0 0 0;
    padding: 0 0 40px 0px;
    position: relative;
}

.news-report .container .news-cate-list .news-cate {
    width: 130px;
    height: 54px;
    line-height: 54px;
    font-size: 18px;
    color: #000;
    border-radius: 4px;
    text-align: center;
    margin: 20px 10px 20px 0;
    box-shadow: 0 0 8px rgba(12, 81, 189, 0.2);
}

.news-report .container .news-cate-list .active {
    background: #0c51bd;
    color: #fff;
    box-shadow: none;
}

.news-report .container .report-list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 36px 0 40px 0;
    width: 893px;
}

.news-report .container .report-list .report-item {
    height: 240px;
    display: flex;
    flex-wrap: nowrap;
    margin: 0 0 20px 0;
    box-shadow: 0 0 18px rgba(26, 114, 187, 0.22);
}

.news-report .container .report-list .report-item:hover .txtbox .title {
    color: #0c51bd;
}

.news-report .container .report-list .report-item .picbox {
    width: 353px;
    height: 240px;
    overflow: hidden;
}

.news-report .container .report-list .report-item .picbox img {
    width: 100%;
    height: 240px;
    display: block;
    margin: 0 auto;
    object-fit: contain;
}

.news-report .container .report-list .report-item .txtbox {
    padding: 30px 0 0 30px;
    width: 500px;
}

.news-report .container .report-list .report-item .txtbox .title {
    font-size: 20px;
    color: #333;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.news-report .container .report-list .report-item .txtbox .cont {
    font-size: 14px;
    color: #999;
    display: -webkit-box;
    margin: 20px 0 35px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.news-report .container .report-list .report-item .txtbox .date {
    font-size: 14px;
    color: #666;
}

.news-report .container .news-cate-list .searchbox {
    position: relative;
}

.news-report .container .news-cate-list .searchbox .news-search {
    width: 310px;
    padding: 0 10px;
    outline: none;
    border: 0;
    height: 54px;
    box-shadow: 0 0 8px rgba(12, 81, 189, 0.2);
    border-radius: 4px;
}

.news-report .container .news-cate-list .searchbox .news-search::placeholder {
    font-size: 16px;
    color: #999;
}

.news-report .container .news-cate-list .searchbox .mirror {
    position: absolute;
    top: 18px;
    right: 18px;
}

.news-report .container .news-cate-list .listcount {
    position: absolute;
    font-size: 16px;
    color: #333;
    bottom: 10px;
    left: 0px;
}

.news-report .container .rightside .hot-pro {
    width: 245px;
    background: #fff;
    padding: 25px 15px 10px 15px;
    box-shadow: 0 0 18px rgba(26, 114, 187, 0.22);
}

.news-report .container .rightside .hot-pro img {
    width: 246px;
    height: 175px;
}

.news-report .container .rightside .hot-pro .name {
    font-size: 20px;
    color: #333;
    margin: 10px 0 10px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-report .container .rightside .hot-pro .intro {
    font-size: 14px;
    color: #999;
    margin: 0 0 20px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.news-report .container .rightside .title {
    font-size: 18px;
    color: #333;
    padding: 70px 0 25px 0;
    font-weight: bolder;
}

.news-report .container .rightside .hot-news {
    width: 245px;
    background: #fff;
    padding: 10px 15px 10px 15px;
    box-shadow: 0 0 18px rgba(26, 114, 187, 0.22);
}

.news-report .container .rightside .hot-news ul {
    padding: 0 0 0 15px;
}

.news-report .container .rightside .hot-news ul li a {
    font-size: 14px;
    color: #000;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.news-report .container .rightside .hot-news ul li {
    list-style: disc;
    margin: 4px 0;
}

.newsdeail .container {
    display: flex;
    justify-content: space-between;
    padding: 0 0 50px 0;
    position: relative;
}

.newsdeail .container .crumb {
    position: absolute;
    top: 34px;
    padding: 0 0 0 20px;
}

.newsdeail .container .crumb span {
    font-size: 16px;
    color: #333;
    position: relative;
}

.newsdeail .container .crumb span:first-child::before {
    content: '';
    width: 12px;
    height: 16px;
    position: absolute;
    top: 3px;
    left: -20px;
    background: url(../images/position-icon2.png) no-repeat center;
}

.newsdeail .container .crumb span:last-child {
    color: #0e52b2;
}

.newsdeail .container .rightside .hot-pro {
    width: 245px;
    background: #fff;
    padding: 25px 15px 10px 15px;
    box-shadow: 0 0 18px rgba(26, 114, 187, 0.22);
}

.newsdeail .container .rightside .hot-pro img {
    width: 246px;
    height: 175px;
}

.newsdeail .container .rightside .hot-pro .name {
    font-size: 20px;
    color: #333;
    margin: 10px 0 10px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.newsdeail .container .rightside .hot-pro .intro {
    font-size: 14px;
    color: #999;
    margin: 0 0 20px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.newsdeail .container .rightside .title {
    font-size: 18px;
    color: #333;
    padding: 40px 0 25px 0;
    font-weight: bolder;
}

.newsdeail .container .rightside .hot-news {
    width: 245px;
    background: #fff;
    padding: 10px 15px 10px 15px;
    box-shadow: 0 0 18px rgba(26, 114, 187, 0.22);
}

.newsdeail .container .rightside .hot-news ul {
    padding: 0 0 0 15px;
}

.newsdeail .container .rightside .hot-news ul li a {
    font-size: 14px;
    color: #000;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.newsdeail .container .rightside .hot-news ul li {
    list-style: disc;
    margin: 4px 0;
}


/* 义工团 */

.volunteer {
    padding: 60px 0 80px 0;
}

.volunteer .container .wrapper {
    width: 506px;
    height: 164px;
    background: url(../images/picture/about/volunteer-bg.png) no-repeat center;
    padding: 100px 0 0 500px;
}

.volunteer .container .wrapper .cont {
    width: 460px;
    font-size: 14px;
    color: #333;
    line-height: 33px;
}


/* 我们的理念 */

.concept .container .concept-list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 105px 0 80px 0;
}

.concept .container .concept-list .concept-item {
    width: 352px;
    height: 230px;
    border-radius: 10px;
    position: relative;
    box-shadow: 0 0 35px rgba(216, 142, 140, 0.22);
    margin: 0 30px 0 0;
}

.concept .container .concept-list .concept-item img {
    position: absolute;
    width: 119px;
    height: 119px;
    left: 50%;
    margin: -60px 0 0 -60px;
    box-shadow: 0 0 35px rgba(216, 142, 140, 0.22);
    display: block;
    border-radius: 50%;
}

.concept .container .concept-list .concept-item .name {
    font-size: 20px;
    color: #c5191f;
    text-align: center;
    padding: 88px 0 0 0;
    font-weight: bold;
}

.concept .container .concept-list .concept-item .cont {
    display: block;
    padding: 15px 36px 0;
    line-height: 30px;
    font-size: 14px;
}


/* 关注的领域 */

.field .container .field-list {
    display: flex;
    justify-content: space-between;
    padding: 36px 0 85px 0;
}

.field .container .field-list .field-item {
    width: 280px;
    height: 342px;
    border-radius: 20px;
    margin: 0 24px 0 0;
    overflow: hidden;
    box-shadow: 0 0 35px rgba(216, 142, 140, 0.22);
}

.field .container .field-list .field-item:last-child {
    margin: 0;
}

.field .container .field-list .field-item .picbox {
    width: 280px;
    height: 283px;
    overflow: hidden;
}

.field .container .field-list .field-item .picbox img {
    width: 100%;
    max-height: 100%;
}

.field .container .field-list .field-item .name {
    font-size: 20px;
    font-weight: bold;
    color: #000;
    text-align: center;
    padding: 14px 0;
}

.recruit .container .news-cate-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    border-bottom: 1px solid #d6d6d6;
}

.recruit .container .news-cate-list .news-cate {
    width: calc(100% / 6 - 10px);
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    color: #000;
    border-radius: 19px;
    text-align: center;
    margin: 20px 0px 10px;
}

.recruit .container .news-cate-list .active {
    background: #0c51bd;
    color: #fff;
}

.recruit .container .job-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 36px 0 62px 0;
}

.recruit .container .job-list .job-item {
    width: 390px;
    height: 227px;
    background: url(../images/picture/recruit/job.jpg) no-repeat center;
    position: relative;
    margin: 0 10px 20px 0;
    box-shadow: 0 0 16px rgba(0, 99, 255, 0.18);
}

.recruit .container .job-list .job-item:hover {
    background: url(../images/picture/recruit/job-hover.jpg) no-repeat center;
}

.recruit .container .job-list .job-item:hover .name {
    color: #fff;
}

.recruit .container .job-list .job-item:hover .more {
    color: #fff;
}

.recruit .container .job-list .job-item:hover .type {
    color: #000;
}

.recruit .container .job-list .job-item .name {
    position: absolute;
    top: 54px;
    left: 26px;
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

.recruit .container .job-list .job-item:last-child {
    margin: 0 0 20px 0;
}

.recruit .container .job-list .job-item .more {
    font-size: 16px;
    color: #141414;
    position: absolute;
    top: 98px;
    left: 268px;
}

.recruit .container .job-list .job-item .type {
    font-weight: bold;
    color: #fff;
    font-size: 20px;
    position: absolute;
    top: 159px;
    left: 19px;
    width: 90px;
    overflow: hidden;
    height: 30px;
}

.recruit .container .mailbox {
    width: 530px;
    height: 53px;
    background: url(../images/mailbox-bg.png) no-repeat center;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    margin: 0 auto 50px;
}

.recruit .container .mailbox p {
    padding: 10px 0 0 63px;
}


/* 合伙人 */

.coop-fir {
    padding: 50px 0;
}

.coop-sec {
    background: url(../images/picture/coop/coop-sec-bg.jpg) no-repeat center;
    height: 660px;
    background-size: cover;
}

.coop-sec .aboutus-title {
    padding: 50px 0 20px 0;
}

.coop-sec .container .news-cate-list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    border-bottom: 1px solid #d6d6d6;
}

.coop-sec .container .news-cate-list .news-cate {
    width: 96px;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    color: #000;
    border-radius: 19px;
    text-align: center;
    margin: 10px 0px;
}

.coop-sec .container .news-cate-list .active {
    /* background: #0c51bd; */
    /* color: #ea5514; */
}

.coop-sec .container .news-list {
    display: flex;
    justify-content: flex-start;
    padding: 51px 0 0 0;
    border-top: 1px solid #cedcf2;
    animation-name: slideInRight;
    visibility: visible;
}

.coop-sec .shop-list {
    margin: 40px auto;
    width: 1066px;
    overflow: hidden;
}

.coop-sec .navigation {
    opacity: 0;
}

.coop-sec .horizontal .cards-list img {
    width: 740px;
    height: 333px;
}

.coop-sec .horizontal .container {
    width: 740px;
    height: 333px;
}

.coop-thr {
    padding: 0 0 60px 0;
}

.coop-thr .container .shoplist {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.coop-thr .container .shoplist .item {
    width: 48%;
    margin: 1%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-shadow: 0 0 16px rgba(234, 85, 20, 0.18);
    border-radius: 10px;
    overflow: hidden;
}

.coop-thr .container .shoplist .item .picbox {
    width: 174px;
    height: 154px;
    overflow: hidden;
}

.coop-thr .container .shoplist .item .picbox img {
    width: 100%;
    display: block;
    margin: 0 auto;
}

.coop-thr .container .shoplist .item .txtbox {
    width: 330px;
    padding: 0 0 0 20px;
}

.coop-thr .container .shoplist .item .txtbox .name {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    margin: 0 0 10px 0;
}

.coop-thr .container .shoplist .item .txtbox .cont {
    font-size: 14px;
    color: #999;
}

.coop-thr .aboutus-title {
    padding: 50px 0 30px 0;
}

.coop-four .container .wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 50px 0 80px 0;
}

.coop-four .container .wrapper .catelist {
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    height: 650px;
    align-items: center;
}

.coop-four .container .wrapper .catelist .item {
    width: 175px;
    height: 147px;
    padding: 0 10px 0 107px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 0 16px rgba(234, 85, 20, 0.18);
    overflow: hidden;
    border-radius: 10px;
}

.coop-four .container .wrapper .catelist .item1 {
    background: url(../images/picture/coop/01.png) no-repeat center;
}

.coop-four .container .wrapper .catelist .item1:hover {
    background: url(../images/picture/coop/01-hover.png) no-repeat center;
}

.coop-four .container .wrapper .catelist .item1:hover .name {
    color: #fff;
}

.coop-four .container .wrapper .catelist .item1:hover .subname {
    color: #fff;
}

.coop-four .container .wrapper .catelist .item2 {
    background: url(../images/picture/coop/02.png) no-repeat center;
}

.coop-four .container .wrapper .catelist .item2:hover {
    background: url(../images/picture/coop/02-hover.png) no-repeat center;
}

.coop-four .container .wrapper .catelist .item2:hover .name {
    color: #fff;
}

.coop-four .container .wrapper .catelist .item2:hover .subname {
    color: #fff;
}

.coop-four .container .wrapper .catelist .item3 {
    background: url(../images/picture/coop/03.png) no-repeat center;
}

.coop-four .container .wrapper .catelist .item3:hover {
    background: url(../images/picture/coop/03-hover.png) no-repeat center;
}

.coop-four .container .wrapper .catelist .item3:hover .name {
    color: #fff;
}

.coop-four .container .wrapper .catelist .item3:hover .subname {
    color: #fff;
}

.coop-four .container .wrapper .catelist .item4 {
    background: url(../images/picture/coop/04.png) no-repeat center;
}

.coop-four .container .wrapper .catelist .item4:hover {
    background: url(../images/picture/coop/04-hover.png) no-repeat center;
}

.coop-four .container .wrapper .catelist .item4:hover .name {
    color: #fff;
}

.coop-four .container .wrapper .catelist .item4:hover .subname {
    color: #fff;
}

.coop-four .container .wrapper .catelist .item .name {
    font-size: 20px;
    font-weight: bold;
    color: #000;
}

.coop-four .container .wrapper .catelist .item .subname {
    font-size: 14px;
    color: #999;
    text-align: justify;
}

.coop-four .container .wrapper .bigpic {
    width: 878px;
    height: 651px;
    overflow: hidden;
    box-shadow: 0 0 16px rgba(234, 85, 20, 0.18);
    border-radius: 10px;
}

.coop-four .container .wrapper .bigpic img {
    width: 878px;
    height: 651px;
}


/* 超级供应链 */

.supersupply .container .wrapper {
    padding: 50px 0 60px 0;
    position: relative;
}

.supersupply .container .wrapper .supericon {
    display: block;
    margin: 0 0 0 74px;
}

.supersupply .container .wrapper .item {
    position: absolute;
    top: 50px;
    right: 125px;
}


/* 需要合作伙伴 */

.coop-fifth {
    height: 439px;
    background: url(../images/picture/coop/fifthbg.jpg) no-repeat center;
    margin: 0 0 94px 0;
}

.coop-fifth .container .aboutus-title {
    color: #fff;
    padding: 83px 0 0 0;
}

.coop-fifth .container .fifth-list {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 220px 0 0 0;
}

.coop-fifth .container .fifth-list .item {
    width: 283px;
    height: 184px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #d4d4d4;
}

.coop-fifth .container .fifth-list .item .title {
    font-size: 20px;
    font-weight: bold;
    color: #1f1f1f;
    padding: 130px 0 0 0;
    text-align: center;
}

.coop-fifth .container .fifth-list .item1 {
    background: url(../images/picture/coop/501.jpg) no-repeat center;
}

.coop-fifth .container .fifth-list .item1:hover {
    background: url(../images/picture/coop/501-hover.jpg) no-repeat center;
}

.coop-fifth .container .fifth-list .item1:hover .title {
    color: #fff;
}

.coop-fifth .container .fifth-list .item2 {
    background: url(../images/picture/coop/502.jpg) no-repeat center;
}

.coop-fifth .container .fifth-list .item2:hover {
    background: url(../images/picture/coop/502-hover.jpg) no-repeat center;
}

.coop-fifth .container .fifth-list .item2:hover .title {
    color: #fff;
}

.coop-fifth .container .fifth-list .item3 {
    background: url(../images/picture/coop/503.jpg) no-repeat center;
}

.coop-fifth .container .fifth-list .item3:hover {
    background: url(../images/picture/coop/503-hover.jpg) no-repeat center;
}

.coop-fifth .container .fifth-list .item3:hover .title {
    color: #fff;
}

.coop-fifth .container .fifth-list .item4 {
    background: url(../images/picture/coop/504.jpg) no-repeat center;
}

.coop-fifth .container .fifth-list .item4:hover {
    background: url(../images/picture/coop/504-hover.jpg) no-repeat center;
}

.coop-fifth .container .fifth-list .item4:hover .title {
    color: #fff;
}


/* 合作流程 */

.process {
    padding: 60px 0 50px 0;
}

.process .process-img {
    margin: 50px auto;
    display: block;
    width: 100%;
}

.process .hotline {
    width: 300px;
    height: 43px;
    background: #ea5514;
    border-radius: 21.5px;
    font-size: 20px;
    font-weight: bolder;
    text-align: center;
    color: #fff;
    margin: 20px auto;
    line-height: 43px;
}


/* 客户案例 */

.cases .container .news-cate-list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    border-bottom: 1px solid #d6d6d6;
}

.cases .container .news-cate-list .news-cate {
    width: 96px;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    color: #000;
    border-radius: 19px;
    text-align: center;
    margin: 22px 20px;
}

.cases .container .news-cate-list .active {
    /* background: #0c51bd; */
    color: #0c51bd;
}

.cases .container .brandlist {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 30px 0 30px 0;
}

.cases .container .brandlist .brand-item {
    width: 100%;
    height: 184px;
    border-radius: 10px;
    box-shadow: 0 0 16px rgba(0, 99, 255, 0.18);
    margin: 0 32px 32px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cases .container .brandlist .brand-item .picbox {
    width: 260px;
    height: 140px;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    margin: 0 0 0 20px;
}

.cases .container .brandlist .brand-item .picbox img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.cases .container .brandlist .brand-item .txtbox {
    width: 800px;
}

.cases .container .brandlist .brand-item .title {
    font-size: 20px;
    color: #333;
}

.cases .container .brandlist .brand-item .title-dec {
    color: #666;
    font-size: 14px;
    margin: 10px 0;
}

.cases .container .brandlist .brand-item .more {
    width: 100px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 16px;
    color: #0c51bd;
    border: 1px solid #0c51bd;
    border-radius: 25px;
    padding: 10px;
    display: block;
    float: right;
    margin: 0 40px 0 0;
}

.cases .container .brandlist .brand-item .cont {
    color: #999;
    font-size: 14px;
}


/* 案例详情 */

.cases .container .wrapper {
    display: flex;
    justify-content: space-between;
    padding: 30px 0 60px 0;
}

.cases .container .wrapper .detail-content {
    width: 836px;
    padding: 0 40px;
    box-shadow: 0 0 16px rgba(0, 99, 255, 0.18);
}

.cases .container .wrapper .detail-content .title {
    font-size: 28px;
    color: #333;
    margin: 40px 0 50px;
    text-align: center;
}

.cases .container .wrapper .detail-content .cont {
    font-size: 14px;
    color: #333;
    margin: 30px 0;
    line-height: 30px;
}

.cases .container .wrapper .about-other {
    width: 172px;
    padding: 30px 48px;
    box-shadow: 0 0 16px rgba(0, 99, 255, 0.18);
    height: fit-content;
}

.cases .container .wrapper .about-other .title {
    font-size: 18px;
    color: #333;
    position: relative;
}

.cases .container .wrapper .about-other .title::after {
    content: '';
    width: 80px;
    height: 1px;
    background: #9f9f9f;
    position: absolute;
    right: 10px;
    top: 13px;
}

.cases .container .wrapper .about-other .wrapper {
    display: flex;
    flex-direction: column;
}

.cases .container .wrapper .about-other .wrapper .item {
    width: 170px;
    height: 87px;
    border: 1px solid #dcdcdc;
    margin: 0 0 18px 0;
}

.cases .container .wrapper .about-other .wrapper .item img {
    width: 100%;
    height: 100%;
}

.trend .container .aboutus-title {
    padding: 58px 0 44px 0;
}

.trend .container .trendlist {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 0 80px 0;
}

.trend .container .trendlist .item {
    flex-grow: 1;
    width: 48%;
    height: 124px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-shadow: 0 0 16px rgba(35, 102, 217, 0.18);
    margin: 1%;
    border-radius: 10px;
}

.trend .container .trendlist .item .picbox {
    min-width: 136px;
    max-width: 136px;
    overflow: hidden;
    max-height: 124px;
    margin: 0 0 0 20px;
}

.trend .container .trendlist .item .picbox img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: 0 auto;
}

.trend .container .trendlist .item .txtbox {
    padding: 0 0 0 16px;
    /* width: 430px; */
}

.trend .container .trendlist .item .txtbox .title {
    font-size: 18px;
    font-weight: bold;
    color: #000;
}

.trend .container .trendlist .item .txtbox .subtitle {
    font-size: 14px;
    color: #999;
}

.develop-trend .container .trendlist .item {
    box-shadow: 0 0 16px rgba(37, 152, 18, 0.18);
}


/* 典型采购管理痛点 */

.pain-points {
    height: 392px;
    background: url(../images/picture/solution/painpoint.jpg) no-repeat center;
    background-size: cover;
}

.pain-points .container .aboutus-title {
    color: #fff;
    padding: 32px 0 0 0;
}


/* 迈戈集采商城优势 */

.shop-adv .container .shop-adv-list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 0 80px 0;
}

.shop-adv .container .aboutus-title {
    padding: 81px 0 46px 0;
}

.shop-adv .container .shop-adv-list .item {
    width: 377px;
    height: 388px;
    box-shadow: 0 0 16px rgba(0, 99, 255, 0.18);
    border-radius: 20px;
    overflow: hidden;
}

.shop-adv .container .shop-adv-list .item .picbox {
    width: 377px;
    height: 202px;
    overflow: hidden;
}

.shop-adv .container .shop-adv-list .item .picbox img {
    width: 100%;
    height: 100%;
}

.shop-adv .container .shop-adv-list .item .txtbox .title {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    text-align: center;
    margin: 16px 0;
}

.shop-adv .container .shop-adv-list .item .txtbox .subtitle {
    font-size: 14px;
    color: #999;
    padding: 0 25px;
    text-align: justify;
}


/* 迈戈集采商城优势 */

.shop-adv2 .container .shop-adv-list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 0 80px 0;
}

.shop-adv2 .container .aboutus-title {
    padding: 81px 0 46px 0;
}

.shop-adv2 .container .shop-adv-list .item {
    width: 277px;
    height: 354px;
    box-shadow: 0 0 16px rgba(0, 99, 255, 0.18);
    border-radius: 20px;
    overflow: hidden;
}

.shop-adv2 .container .shop-adv-list .item .picbox {
    width: 277px;
    height: 202px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.shop-adv2 .container .shop-adv-list .item .picbox img {
    max-width: 100%;
    max-height: 100%;
}

.shop-adv2 .container .shop-adv-list .item .txtbox .title {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    text-align: center;
    margin: 8px 0;
}

.shop-adv2 .container .shop-adv-list .item .txtbox .subtitle {
    font-size: 14px;
    color: #999;
    padding: 0 28px;
    text-align: justify;
}


/* 迈戈集采商城优势 */

.shop-adv3 .container .shop-adv-list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 0 40px 0;
}

.shop-adv3 .container .aboutus-title {
    padding: 81px 0 46px 0;
}

.shop-adv3 .container .shop-adv-list .item {
    width: 277px;
    height: 290px;
    box-shadow: 0 0 16px rgb(0 99 255 / 18%);
    border-radius: 20px;
    overflow: hidden;
    padding: 38px 0 0 0;
}

.shop-adv3 .container .shop-adv-list .item .picbox {
    width: 277px;
    height: 124px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.shop-adv3 .container .shop-adv-list .item .picbox img {
    max-width: 100%;
    max-height: 100%;
}

.shop-adv3 .container .shop-adv-list .item .txtbox .title {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    text-align: center;
    margin: 8px 0;
}

.shop-adv3 .container .shop-adv-list .item .txtbox .subtitle {
    font-size: 14px;
    color: #999;
    padding: 0 24px;
    text-align: justify;
}

.shop-adv3 .container .titledemo3 {
    padding: 90px 0 65px 0;
}


/* 迈戈集采商城优势 */

.shop-adv .container .wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 50px 0 30px 0;
}

.shop-adv .container .wrapper .title {
    width: 322px;
    height: 53px;
    border-radius: 26px;
    text-align: center;
    line-height: 53px;
    color: #fff;
    font-size: 28px;
    font-weight: bolder;
    margin: -27px auto;
    background: linear-gradient(#7febff, #0393c9);
}

.shop-adv .container .wrapper .cont-mode {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.shop-adv .container .to-bank,
.to-insurance {
    border-radius: 10px;
    box-shadow: 0 0 16px rgba(35, 102, 217, 0.18);
    width: 49%;
}

.shop-adv .container .wrapper .mode {
    margin: 0 25px;
    width: 180px;
    height: fit-content;
    padding: 64px 0;
}

.shop-adv .container .wrapper .mode .picbox {
    width: 180px;
    height: 81px;
    overflow: hidden;
    margin: 0 auto 20px;
}

.shop-adv .container .wrapper .mode .picbox img {
    max-width: 100%;
    max-height: 81px;
    display: block;
}

.shop-adv .container .wrapper .mode .name {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    margin: 0 0 14px 0;
    text-align: center;
}

.shop-adv .container .wrapper .mode .cont {
    font-size: 14px;
    color: #999;
    line-height: 28px;
    display: block;
}

.shop-adv .container .shopadvpic {
    display: block;
    margin: 30px auto 20px;
}


/* 多种营销玩法，带动商家业绩高效增长 */

.marketing {
    padding: 0 0 70px 0;
}

.marketing .container .marketing-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.marketing .container .marketing-list .item {
    width: 157px;
    height: 148px;
    box-shadow: 0 0 16px rgba(35, 102, 217, 0.18);
    border-radius: 10px;
    margin: 20px;
}

.marketing .container .marketing-list .item .picbox {
    width: 157px;
}

.marketing .container .marketing-list .item .picbox img {
    display: block;
    margin: 22px auto 16px;
}

.marketing .container .marketing-list .item .name {
    font-size: 16px;
    color: #333333;
    text-align: center;
}


/* 高度聚合多重优势的员工关爱福利平台 */

.platform {
    min-height: 486px;
    background: url(../images/picture/solution/platform-bg.jpg) no-repeat center;
}

.platform .container {
    position: relative;
}

.platform .container .titledemo3 {
    padding: 140px 0 0 0;
}

.platform .container .titledemo3 .title {
    color: #fff;
    text-shadow: 0 0 10px rgba(15, 60, 124, 0.5);
}

.platform .container .titledemo3 .subtitle {
    color: #fff;
    text-shadow: 0 0 10px rgba(15, 60, 124, 0.5);
}

.platform .container .platform-list {
    display: flex;
    justify-content: space-evenly;
    background: #fff;
    padding: 45px 0 50px;
    border-radius: 20px;
    box-shadow: 0 0 16px rgba(0, 99, 255, 0.18);
    position: absolute;
    width: 100%;
    bottom: -425px;
}

.platform .container .platform-list .item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.platform .container .platform-list .item .picbox {
    width: 100px;
    height: 100px;
    overflow: hidden;
}

.platform .container .platform-list .item .picbox img {
    width: 100%;
    display: block;
    margin: 0 auto;
}

.platform .container .platform-list .item .txtbox .name {
    font-size: 18px;
    color: #26a0cc;
    font-weight: bold;
    text-align: center;
    padding: 10px 0 0 0;
}

.platform .container .platform-list .item .txtbox .subname {
    font-size: 12px;
    color: #26a0cc;
    text-align: center;
    display: block;
    margin: 10px 0 10px 0;
}

.platform .container .platform-list .item .txtbox .cont {
    font-size: 14px;
    color: #999;
    text-align: center;
    width: 160px;
}

.welfare-system {
    padding: 260px 0 0 0;
}

.welfare-system .container .wrapper {
    display: flex;
    justify-content: center;
}

.welfare-system .container .wrapper .item {
    margin: 40px 20px;
}


/* 全方位满足大企业多维个性需求 */

.demand .container .demand-list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding: 30px 0 60px;
}

.demand .container .demand-list .item {
    width: 285px;
    margin: 0 20px 0 0;
    box-shadow: 0 0 16px rgba(35, 102, 217, 0.18);
    border-radius: 10px;
    overflow: hidden;
}

.demand .container .demand-list .item:last-child {
    margin: 0;
}

.demand .container .demand-list .item .picbox {
    width: 285px;
    height: 191px;
    overflow: hidden;
}

.demand .container .demand-list .item .picbox img {
    width: 100%;
    display: block;
    margin: 0 auto;
    height: 191px;
}

.demand .container .demand-list .item .cont {
    font-size: 14px;
    color: #999;
    padding: 20px 16px;
}


/* 从调研到运营，10步落地专属方案 */

.exclusive-plan .container .ex-plan-pic {
    display: block;
    margin: 60px auto 70px;
}


/* 积分对房地产、酒店的作用 */

.integral .container .integral-list {
    display: flex;
    justify-content: center;
}

.integral .container .integral-list .item {
    width: 368px;
    height: 250px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 16px rgba(37, 152, 18, 0.18);
    padding: 20px 46px;
    margin: 30px 14px;
}

.integral .container .integral-list .item .name {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    text-align: center;
    margin: 26px 0 20px 0;
}

.integral .container .integral-list .item .wrapper {
    display: flex;
    justify-content: space-between;
}

.integral .container .integral-list .item .wrapper .mode .cont {
    display: block;
    font-size: 14px;
    color: #999;
    line-height: 28px;
}


/* 三分钟搭建一套专属扶贫商城 */

.poverty {
    min-height: 486px;
    background: url(../images/picture/solution/platform-bg2.jpg) no-repeat center;
    margin: 0 0 260px 0;
}

.poverty .container {
    position: relative;
}

.poverty .container .titledemo3 {
    padding: 140px 0 0 0;
}

.poverty .container .titledemo3 .title {
    color: #fff;
    text-shadow: 0 0 10px rgba(15, 60, 124, 0.5);
}

.poverty .container .titledemo3 .subtitle {
    color: #fff;
    text-shadow: 0 0 10px rgba(15, 60, 124, 0.5);
}

.poverty .container .poverty-list {
    position: absolute;
    width: 855px;
    bottom: -549px;
    box-shadow: 0 0 16px rgb(0 99 255 / 18%);
    background: #fff;
    border-radius: 20px;
    left: 50%;
    margin: 0 0 0 -427.5px;
}

.poverty .container .poverty-list .wrapper {
    display: flex;
    justify-content: space-evenly;
    padding: 45px 0 50px;
    border-radius: 20px;
}

.poverty .container .poverty-list .titledemo3 {
    padding: 40px 0 0 0;
}

.poverty .container .poverty-list .titledemo3 .title {
    color: #000;
    text-shadow: none;
}

.poverty .container .poverty-list .titledemo3 .subtitle {
    color: #999;
    text-shadow: none;
}

.poverty .container .poverty-list .wrapper .item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.poverty .container .poverty-list .wrapper .item .picbox {
    width: 100px;
    height: 100px;
    overflow: hidden;
}

.poverty .container .poverty-list .wrapper .item .picbox img {
    width: 100%;
    display: block;
    margin: 0 auto;
}

.poverty .container .poverty-list .wrapper .item .txtbox .name {
    font-size: 18px;
    color: #19be9a;
    font-weight: bold;
    text-align: center;
    padding: 10px 0 8px 0;
}

.poverty .container .poverty-list .item .txtbox .cont {
    font-size: 14px;
    color: #999;
    text-align: center;
    width: 190px;
}

.structures .container .wrapper {
    display: flex;
    justify-content: center;
    margin: 30px 0 80px 0;
}

.structures .container .wrapper .item {
    margin: 0 20px;
}


/* 个性定制解决方案 */

.customized .container .cus-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 80px 0 100px;
}

.customized .container .cus-list .item {
    width: 533px;
    height: 278px;
    box-shadow: 0 0 16px rgba(35, 61, 217, 0.18);
    margin: 0 0 100px 0;
    border-radius: 10px;
    position: relative;
}

.customized .container .cus-list .item:nth-child(odd) {
    margin: 0 0 100px 40px;
}

.customized .container .cus-list .item .icon {
    position: absolute;
    left: -40px;
    top: -40px;
    z-index: 2;
}

.customized .container .cus-list .item1 {
    background: url(../images/picture/solution/customized01.jpg) no-repeat center;
}

.customized .container .cus-list .item2 {
    background: url(../images/picture/solution/customized01.jpg) no-repeat center;
}

.customized .container .cus-list .item3 {
    background: url(../images/picture/solution/customized03.jpg) no-repeat center;
}

.customized .container .cus-list .item4 {
    background: url(../images/picture/solution/customized04.jpg) no-repeat center;
}

.customized .container .cus-list .item5 {
    background: url(../images/picture/solution/customized05.jpg) no-repeat center;
}

.customized .container .cus-list .item6 {
    background: url(../images/picture/solution/customized06.jpg) no-repeat center;
}

.customized .container .cus-list .item7 {
    background: url(../images/picture/solution/customized07.jpg) no-repeat center;
}

.customized .container .cus-list .item8 {
    background: url(../images/picture/solution/customized08.jpg) no-repeat center;
}

.customized .container .cus-list .item .title {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    bottom: 48px;
    left: 32px;
}

.customized .container .cus-list .item .subtitle {
    font-size: 14px;
    color: #fff;
    position: absolute;
    left: 32px;
    bottom: 23px;
}

.customized .container .cus-list .item .cover {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    z-index: 1;
    background: url(../images/picture/solution/customized02.jpg) no-repeat center;
    background-size: contain;
    display: none;
    cursor: pointer;
}

.customized .container .cus-list .item .cover .title-cover {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    width: 150px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background: linear-gradient(#8f89f0, #485fbb);
    position: absolute;
    top: 48px;
    left: 90px;
    border-radius: 21px;
    cursor: pointer;
}

.customized .container .cus-list .item .cover .subtitle-cover {
    font-size: 18px;
    color: #333;
    position: absolute;
    left: 90px;
    top: 100px;
}

.customized .container .cus-list .item .cover .cont {
    font-size: 14px;
    color: #333;
    position: absolute;
    left: 90px;
    top: 168px;
    width: 365px;
    line-height: 28px;
}

.customized .container .cus-list .item:hover .cover {
    display: block;
}

.customized .container .cus-list .item:hover .icon {
    animation-name: swing;
    visibility: visible;
}

.customized .container .aboutus-title {
    padding: 50px 0 20px 0;
}


/* 客户痛点 */

.pain .container .aboutus-title {
    padding: 58px 0 44px 0;
}

.pain .container .painlist {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 0 80px 0;
}

.pain .container .painlist .item {
    flex-grow: 1;
    width: 48%;
    height: 124px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-shadow: 0 0 16px rgba(35, 102, 217, 0.18);
    margin: 1%;
    border-radius: 10px;
}

.pain .container .painlist .item .picbox {
    min-width: 136px;
    max-width: 136px;
    overflow: hidden;
    max-height: 124px;
    margin: 0 0 0 20px;
}

.pain .container .painlist .item .picbox img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: 0 auto;
}

.pain .container .painlist .item .txtbox {
    padding: 0 0 0 16px;
    /* width: 430px; */
}

.pain .container .painlist .item .txtbox .title {
    font-size: 18px;
    font-weight: bold;
    color: #000;
}

.pain .container .painlist .item .txtbox .subtitle {
    font-size: 14px;
    color: #999;
}

.develop-trend .container .painlist .item {
    box-shadow: 0 0 16px rgba(37, 152, 18, 0.18);
}


/* 迈戈能提供 */

.provide {
    height: 534px;
    background: url(../images/picture/solution/provide.jpg) no-repeat center;
}

.provide .container .titledemo2 .title {
    color: #fff;
}

.provide .container .adv-wrapper .wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.provide .container .adv-wrapper .wrapper .adv-pic {
    animation-name: bounceIn;
    visibility: visible;
}

.provide .container .adv-wrapper .wrapper .adv-item {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 350px;
    animation-name: slideInRight;
    visibility: visible;
}

.provide .container .adv-wrapper .wrapper .adv-item .item-cont {
    width: 281px;
    /* height: 114px; */
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 35px 28px 21px;
    background: rgba(255, 255, 255, 0.3);
    position: relative;
}

.provide .container .adv-wrapper .wrapper .adv-item .item-cont .title {
    font-size: 24px;
    color: #6f6ae5;
    font-weight: bold;
    width: fit-content;
    height: 46px;
    line-height: 46px;
    text-align: center;
    border-radius: 23px;
    background: #fff;
    padding: 0 15px;
    position: absolute;
}

.provide .container .adv-wrapper .wrapper .adv-item:nth-child(-n+2) .item-cont .title {
    right: -30px;
    top: -28px;
}

.provide .container .adv-wrapper .wrapper .adv-item:nth-child(3) .item-cont .title {
    left: -30px;
    top: -28px;
}

.provide .container .adv-wrapper .wrapper .adv-item:nth-child(4) .item-cont .title {
    left: -30px;
    top: -28px;
}

.provide .container .adv-wrapper .wrapper .adv-item .item-cont .cont {
    font-size: 14px;
    color: #fff;
    line-height: 25px;
    text-align: justify;
}

.provide .container .adv-wrapper .wrapper .left-item {
    animation-name: slideInLeft;
    visibility: visible;
}

.provide .container .adv-wrapper .wrapper .left-item .title {
    text-align: right;
}

.provide .container .titledemo2 {
    padding: 27px 0 40px 0;
}


/* 分销商城 */

.centralize .container .titledemo {
    padding: 70px 0 20px 0;
}

.centralize .container .wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 20px 0;
}

.centralize .container .wrapper .item {
    margin: 0 30px;
}

.centralize .container .wrapper .item .title {
    width: 345px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    border-radius: 26px;
    font-size: 16px;
    font-weight: 800;
    color: #6f6ae5;
    box-shadow: 3px 0 13px rgba(18, 0, 255, 0.18);
}

.centralize .container .wrapper .item .title:nth-child(even) {
    margin: 15px 0 15px 150px;
}


/* 企业OA */

.enterprise {
    min-height: 407px;
    position: relative;
}

.enterprise .oabg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.enterprise .titledemo {
    padding: 60px 0 30px 0;
}

.enterprise .titledemo .entitle {
    color: #928cb0;
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.5)
}

.enterprise .titledemo .cntitle {
    color: #fff;
}

.enterprise .enterprise-cont {
    width: 1236px;
    height: 967px;
    background: url(../images/picture/solution/oa-bg2.png) no-repeat center;
}

.enterprise .enterprise-cont .wrapper {
    width: 560px;
    display: flex;
    justify-content: space-between;
    padding: 120px 0 0 66px;
}

.enterprise .enterprise-cont .wrapper .item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 20px;
}

.enterprise .enterprise-cont .wrapper .item .title {
    font-size: 18px;
    color: #6f6ae5;
    font-weight: bold;
    margin: 20px 0 14px 0;
}

.enterprise .enterprise-cont .wrapper .item .cont {
    font-size: 14px;
    color: #999;
    line-height: 28px;
}

.enterprise .container .eight-point {
    padding: 130px 0 0 0;
}

.enterprise .container .eight-point .wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.enterprise .container .eight-point .wrapper .item-cont {
    width: 276px;
    height: 56px;
    background: rgba(77, 97, 191, 0.1);
    border: 1px solid #4d61bf;
    border-radius: 10px;
    position: relative;
    margin: 20px 50px;
}

.enterprise .container .eight-point .wrapper .item-cont .title {
    font-size: 20px;
    color: #6f6ae5;
    font-weight: bold;
    width: fit-content;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 23px;
    background: #fff;
    padding: 0 15px;
    position: absolute;
    left: -30px;
    top: -28px;
    letter-spacing: 2px;
    box-shadow: 3px 0 7px rgba(26, 78, 152, 0.5);
}

.enterprise .container .eight-point .wrapper {
    width: 100%;
    padding: 10px 0 0 0;
}

.enterprise .container .eight-point .wrapper .item-cont .cont {
    font-size: 14px;
    color: #6f6ae5;
    line-height: 56px;
    text-align: center;
}


/* api介绍 */

.api-intro {
    height: 758px;
    background: url(../images/picture/solution/api-bg.png) no-repeat center;
}

.api-intro .container {
    padding: 94px 0 0 0;
}

.api-intro .container .top {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.api-intro .container .top .item {
    width: 392px;
    height: 67px;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 67px;
    border-radius: 10px;
    margin: 0 10px 0 0;
    background: linear-gradient(#7fb3ff, #0e52b2);
}

.api-intro .container .bottom .wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    padding: 15px 0 0 0;
}

.api-intro .container .bottom .wrapper .item {
    margin: 0 10px 0 0;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.api-intro .container .bottom .wrapper .item:first-child {
    width: 392px;
    height: 477px;
}

.api-intro .container .bottom .wrapper .item:last-child {
    margin: 0;
}

.api-intro .container .bottom .wrapper .item:nth-of-type(2) {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.api-intro .container .bottom .wrapper .item:last-child {
    margin: 0;
    width: 392px;
    height: 477px;
    background: url(../images/picture/solution/1405.jpg) no-repeat center;
}

.api-intro .container .bottom .wrapper .item .module {
    width: 392px;
    height: 149px;
}

.api-intro .container .bottom .wrapper .item .module:nth-of-type(1) {
    background: url(../images/picture/solution/1401.png) no-repeat center;
}

.api-intro .container .bottom .wrapper .item .module:nth-of-type(2) {
    background: url(../images/picture/solution/1402.png) no-repeat center;
}

.api-intro .container .bottom .wrapper .item .module:nth-of-type(3) {
    background: url(../images/picture/solution/1403.png) no-repeat center;
}

.api-intro .container .bottom .wrapper .item .cont {
    color: #fff;
    font-size: 14px;
    padding: 20px 20px;
    width: 240px;
}

.api-intro .container .bottom .wrapper .item .list {
    position: absolute;
    bottom: 10%;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.api-intro .container .bottom .wrapper .item .list span {
    display: block;
    font-size: 14px;
    color: #333;
    margin: 8px 10px;
}

.api-intro .container .bottom .wrapper .item .intro {
    font-size: 14px;
    line-height: 26px;
    color: #333;
    padding: 140px 30px 0;
}

.api-intro .container .bottom .wrapper .item .item-pic {
    position: absolute;
    left: 0;
    top: 0;
}

.api-intro .container .bottom .wrapper .item .thr-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding: 20px 0 0 0;
}

.api-intro .container .bottom .wrapper .item .thr-wrapper .thr-item {
    margin: 8px 10px;
}

.api-intro .container .bottom .wrapper .item .thr-wrapper .thr-item .name {
    font-size: 14px;
    font-weight: bold;
    color: #000;
    text-align: center;
}


/* 积分商城 */

.integral-shop .container .aboutus-title {
    padding: 50px 0 40px 0;
}

.integral-shop .container .integral-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.integral-shop .container .integral-list .integral-item {
    width: 16.6%;
    margin: 20px 0 20px 0;
    text-align: center;
}

.integral-shop .container .integral-list .integral-item .picbox {
    width: 200px;
    height: 180px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.integral-shop .container .integral-list .integral-item .picbox .integral-icon {
    width: 100%;
    height: 100%;
}

.integral-shop .container .integral-list .integral-item .name {
    font-size: 18px;
    color: #d2250c;
    text-align: center;
    margin: 14px 0;
    font-weight: bold;
}

.integral-shop .container .integral-list .integral-item .subname {
    font-size: 14px;
    color: #333333;
}


/* 迈戈全流程一站式服务 */

.one-stop .aboutus-title {
    padding: 80px 0 20px;
}

.xinxi_solution_bg {
    background-size: 100% 400px;
    max-width: 100%;
    margin: 0 auto 50px;
}

.xinxi_solution_main ul {
    overflow: hidden;
    height: 400px;
}

.xinxi_solution_main .main_mobile {
    max-width: 1200px;
    min-width: 1200px;
}

.xinxi_solution_main ul li {
    background: url('../images/picture/product/bg1.png') no-repeat;
    height: 400px;
    float: left;
    width: 140px;
    position: relative;
    overflow: hidden;
    transition: all 0.5s;
}

.xinxi_solution_main ul li:nth-child(2) {
    background: url('../images/picture/product/bg2.jpg') no-repeat;
}

.xinxi_solution_main ul li:nth-child(3) {
    background: url('../images/picture/product/bg3.jpg') no-repeat;
}

.xinxi_solution_main ul li:nth-child(4) {
    background: url('../images/picture/product/bg4.jpg') no-repeat;
}

.xinxi_solution_main ul li:nth-child(5) {
    background: url('../images/picture/product/bg5.jpg') no-repeat;
}

.xinxi_solution_main ul li:nth-child(6) {
    background: url('../images/picture/product/bg6.jpg') no-repeat;
}

.xinxi_solution_main ul li .left_top {
    position: absolute;
    left: 0;
    width: 100px;
    padding: 0 20px;
    text-align: center;
}

.xinxi_solution_main ul li .left_top img {
    /* width: 30px; */
    display: block;
    margin: 0 auto;
}

.xinxi_solution_main ul li i {
    font-size: 14px;
    color: #FFF;
    line-height: 30px;
    display: block;
    margin: 10px 0 0 0;
}

.xinxi_solution_main .left_top {
    font-size: 30px;
    color: #FFF;
    transition: all 0.4s;
}

.xinxi_solution_main ul li .left {
    float: left;
    width: 140px;
    background: #000;
    opacity: 0.5;
    height: 400px;
    transition: all 0.4s;
}

.xinxi_solution_main ul li .right {
    float: left;
    width: 460px;
    position: relative;
    height: 400px;
}

.xinxi_solution_main .right dl {
    position: absolute;
    top: 30%;
    left: 30px;
    background: rgba(0, 0, 0, 0.4);
    padding: 20px;
}

.xinxi_solution_main .right dl p {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    margin: 0 0 20px 0;
}

.xinxi_solution_main .right dl span {
    font-size: 14px;
    color: #fff;
    line-height: 28px;
}

.xinxi_solution_main .right dl p.yichu {
    float: left;
    margin-right: 20px;
}

.xinxi_solution_main ul li.on {
    width: 637px;
}

.xinxi_solution_main ul li.on .left {
    width: 0;
    transition: all 0.4s;
    overflow: hidden;
}

.xinxi_solution_main ul li.on .left_top {
    width: 0;
    transition: all 0.4s;
    overflow: hidden;
    padding: 0;
}

.xinxi_solution_main ul li.two {
    background: url('images/bg2.jpg') no-repeat;
}

.xinxi_solution_main ul li.thr {
    background: url('images/bg3.jpg') no-repeat;
}

.xinxi_solution_main ul li.four {
    background: url('images/bg4.jpg') no-repeat;
}

.xinxi_solution_main ul li.five {
    background: url('images/bg5.jpg') no-repeat;
}

.xinxi_solution_main ul li.six {
    background: url('images/bg6.jpg') no-repeat;
}


/* 权益产品解决方案 */

.pro-solution .container .pro-adv-list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 0 80px 0;
}

.pro-solution .container .aboutus-title {
    padding: 81px 0 46px 0;
}

.pro-solution .container .pro-adv-list .item {
    width: 281px;
    height: 426px;
    box-shadow: 0 0 16px rgba(255, 0, 0, 0.18);
    border-radius: 20px;
    overflow: hidden;
}

.pro-solution .container .pro-adv-list .item .picbox {
    width: 281px;
    height: 220px;
    overflow: hidden;
}

.pro-solution .container .pro-adv-list .item .picbox img {
    width: 100%;
    height: 100%;
}

.pro-solution .container .pro-adv-list .item .txtbox .title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    text-align: center;
    margin: 16px 0;
}

.pro-solution .container .pro-adv-list .item .txtbox .subtitle {
    font-size: 14px;
    color: #333;
    padding: 0 28px;
}


/* 产品中心-优质合作伙伴 */

.pro-partners {
    padding: 0 0 80px 0;
}


/* 迈戈员工福利平台 */

.staff-welfare .container {
    position: relative;
    min-height: 450px;
}

.staff-welfare .container .aboutus-title {
    padding: 50px 0 60px 0;
}

.staff-welfare .container .wrapper img {
    position: absolute;
    top: 165px;
    left: 30px;
}

.staff-welfare .container .wrapper .txtbox {
    position: absolute;
    left: 624px;
    top: 238px;
}

.staff-welfare .container .wrapper .txtbox p {
    font-size: 18px;
    color: #333;
    line-height: 36px;
}


/* 迈戈数字化弹性福利平台 多角色需求全覆盖 满足企业、HR、员工、财务全方位需求 */

.all-around .container .all-list {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding: 40px 0 60px 0;
}

.all-around .container .all-list .item {
    width: 272px;
    height: 271px;
    overflow: hidden;
    border-radius: 20px;
    position: relative;
    margin: 10px 35px 0 0;
    transition: all 0.4s;
}

.all-around .container .all-list .item .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -2;
}

.all-around .container .all-list .item:last-child {
    margin: 10px 0 0 0;
}

.all-around .container .all-list .item:hover {
    margin: -20px 35px 0 0;
    transition: all 0.4s;
}

.all-around .container .all-list .item:hover .cover {
    background: rgba(209, 110, 43, 0.8);
    transition: all 0.4s;
}

.all-around .container .all-list .item:last-child:hover {
    margin: -20px 0 0 0;
    transition: all 0.4s;
}

.all-around .container .all-list .item:hover .icon {
    margin: 30px auto 20px;
    transition: all 0.4s;
}

.all-around .container .all-list .item:hover .name {
    display: none;
}

.all-around .container .all-list .item:hover .cont {
    margin: 0 auto 0;
}

.all-around .container .all-list .item .icon {
    display: block;
    margin: 60px auto 20px;
    transition: all 0.4s;
}

.all-around .container .all-list .item .border {
    width: 252px;
    height: 251px;
    border: 1px solid #fff;
    position: absolute;
    top: 9px;
    left: 9px;
    border-radius: 20px;
}

.all-around .container .all-list .item .cover {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    z-index: -1;
    transition: all 0.4s;
}

.all-around .container .all-list .item .name {
    font-size: 28px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    transition: all 0.4s;
}

.all-around .container .all-list .item .cont {
    width: 210px;
    color: #fff;
    font-size: 14px;
    margin: 80px auto 0;
    transition: all 0.4s;
    text-align: justify;
}

.all-around .container .intro {
    font-size: 18px;
    color: #333;
    text-align: center;
    margin: 60px auto 90px;
}


/* 戈为您构建企业和员工共生共赢的关爱生态圈  */

.ecosystem {
    height: 770px;
    background: url(../images/picture/product/ecosystem-bg.jpg) no-repeat center;
    background-size: 102%;
    animation: backgroundmove 8s linear infinite alternate;
}

@keyframes backgroundmove {
    from {
        background-size: 102%;
    }
    to {
        background-size: 112%;
    }
}

.ecosystem .container .aboutus-title {
    padding: 60px 0 30px 0;
    color: #fff;
}

.ecosystem .container {
    position: relative;
}

.ecosystem .container .item {
    position: absolute;
}

.ecosystem .container .item .wrapper {
    position: relative;
}

.ecosystem .container .item .wrapper img {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    z-index: 0;
}

.ecosystem .container .item .wrapper .txt {
    width: 340px;
    font-size: 14px;
    color: #fff;
    position: absolute;
    text-align: justify;
}

.ecosystem .container .item1 {
    left: 0;
    top: 202px;
    width: 396px;
    height: 222px;
    animation-name: slideInLeft;
    visibility: visible;
}

.ecosystem .container .item1 .txt {
    top: 74px;
    left: 28px;
}

.ecosystem .container .item2 {
    right: 0;
    top: 202px;
    width: 396px;
    height: 202px;
    animation-name: slideInRight;
    visibility: visible;
}

.ecosystem .container .item2 .txt {
    top: 64px;
    right: 28px;
}

.ecosystem .container .item3 .txt {
    top: 75px;
    left: 28px;
}

.ecosystem .container .item4 .txt {
    top: 69px;
    right: 107px;
}

.ecosystem .container .item3 {
    left: 0;
    top: 507px;
    width: 447px;
    height: 164px;
    animation-name: slideInLeft;
    visibility: visible;
}

.ecosystem .container .item4 {
    right: -83px;
    top: 507px;
    width: 474px;
    height: 180px;
    animation-name: slideInRight;
    visibility: visible;
}


/* 全场景员工福利关爱方案 */

.care-plan .container .aboutus-title {
    padding: 80px 0 41px;
}

.care-plan .container .plan-wrapper {
    display: flex;
    justify-content: space-between;
}

.care-plan .container .plan-wrapper .plan-list {
    width: 200px;
}

.care-plan .container .plan-wrapper .plan-list .plan {
    width: 200px;
    height: 81px;
    box-shadow: 0 0 16px rgba(255, 126, 0, 0.18);
    margin: 0 0 20px 0;
    border-radius: 10px;
    overflow: hidden;
    font-size: 20px;
    color: #ec7b28;
    font-weight: bold;
    line-height: 80px;
    text-align: center;
    user-select: none;
    cursor: pointer;
}

.care-plan .container .plan-wrapper .plan-list .plan:hover {
    color: #fff;
    background: linear-gradient(#feaf70, #ff8c2f);
}

.care-plan .container .plan-wrapper .plan-list .active {
    color: #fff;
    background: linear-gradient(#feaf70, #ff8c2f);
}

.care-plan .container .plan-wrapper .main-box {
    width: 973px;
    min-height: 600px;
    box-shadow: 0 0 16px rgba(255, 126, 0, 0.18);
    border-radius: 10px;
    margin: 0 0 50px 0;
}


/* 年节礼包 */

.care-plan .container .pro-title-mode {
    font-size: 20px;
    font-weight: bold;
    color: #000;
    text-align: center;
}

.care-plan .txt {
    font-size: 16px;
    color: #333;
    text-align: center;
    margin: 20px auto;
    width: 820px;
}

.care-plan .gift .gift-iconlist {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    padding: 30px 0 40px 0;
}

.care-plan .gift .gift-iconlist .item {
    width: 116px;
    height: 135px;
    text-align: center;
    box-shadow: 0 0 16px rgba(255, 126, 0, 0.18);
    margin: 20px 0;
}

.care-plan .gift .gift-iconlist .item img {
    padding: 20px 0 0 0;
}

.care-plan .gift .gift-iconlist .item .name {
    font-size: 16px;
    color: #333;
    margin: 20px 0 0 0;
}

.care-plan .gift .gift-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding: 30px 0 50px 0;
}

.care-plan .gift .gift-list .item {
    width: 293px;
    height: 162px;
    overflow: hidden;
    position: relative;
    margin: 0 0 25px 0;
    border-radius: 10px;
}

.care-plan .gift .gift-list .item img {
    width: 100%;
    max-height: 100%;
}

.care-plan .gift .gift-list .item .name {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-shadow: #ec7b28 1px 0 0, #ec7b28 0 1px 0, #ec7b28 -1px 0 0, #ec7b28 0 -1px 0;
    position: absolute;
    bottom: 7px;
    width: 260px;
    text-align: center;
    left: 50%;
    margin: 0 0 0 -130px;
}

.care-plan .ticketpic {
    display: block;
    margin: 10px auto;
}

.care-plan .ticket .pro-title-mode {
    margin: 60px 0 10px 0;
}

.caseshow {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0 0 30px 0;
}

.caseshow .mode {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 4px 0;
    position: relative;
    overflow: hidden;
}

.caseshow .mode .picbox {
    margin: 0 4px;
    position: relative;
}

.caseshow .mode .picbox:hover .txtbox {
    background: rgba(0, 0, 0, 0.5);
}

.caseshow .mode .picbox:hover .txtbox p {
    opacity: 1;
}

.caseshow .mode .txtbox {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.caseshow .mode .txtbox p {
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-size: 22px;
    opacity: 0;
}

.care-plan .cinema-list {
    display: flex;
    justify-content: center;
    padding: 30px 0 0 0;
    flex-wrap: wrap;
}

.care-plan .cinema-list .item {
    width: 370px;
    height: 98px;
    border-radius: 49.5px;
    box-shadow: 0 0 16px rgba(255, 126, 0, 0.18);
    display: flex;
    justify-content: flex-start;
    margin: 0 25px 30px 0;
}

.care-plan .cinema-list .item .picbox {
    width: 80px;
    height: 80px;
    overflow: hidden;
    padding: 10px;
}

.care-plan .cinema-list .item .picbox img {
    width: 1005;
    height: 100%;
}

.care-plan .cinema-list .item .txtbox {
    width: 245px;
    padding: 10px 0 0 10px;
}

.care-plan .cinema-list .item .txtbox .name {
    font-size: 15px;
    color: #ec7b28;
    font-weight: bold;
    margin: 4px 0;
}

.care-plan .cinema-list .item .txtbox .cont {
    font-size: 14px;
    color: #333;
}

.care-plan .ticket .coop-brand-list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    padding: 30px 0 50px 0;
}

.care-plan .ticket .coop-brand-list .item {
    width: 87px;
    height: 87px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 16px rgba(255, 126, 0, 0.18);
}

.care-plan .desserts .pro-title-mode {
    margin: 20px 0 30px 0;
}

.care-plan .desserts .dessertspic {
    display: block;
    margin: 10px auto;
}

.care-plan .desserts .cinema-list {
    display: flex;
    justify-content: center;
    padding: 30px 0 0 0;
    flex-wrap: wrap;
}

.care-plan .desserts .cinema-list .item {
    width: 420px;
    height: 98px;
    border-radius: 49.5px;
    box-shadow: 0 0 16px rgba(255, 126, 0, 0.18);
    display: flex;
    justify-content: flex-start;
    margin: 0 25px 30px 0;
}

.care-plan .desserts .cinema-list .item .picbox {
    width: 80px;
    height: 80px;
    overflow: hidden;
    padding: 10px;
}

.care-plan .desserts .cinema-list .item .picbox img {
    width: 1005;
    height: 100%;
}

.care-plan .desserts .cinema-list .item .txtbox {
    width: 300px;
    padding: 10px 0 0 10px;
}

.care-plan .desserts .cinema-list .item .txtbox .name {
    font-size: 15px;
    color: #ec7b28;
    font-weight: bold;
    margin: 4px 0;
}

.care-plan .desserts .cinema-list .item .txtbox .cont {
    font-size: 14px;
    color: #333;
}

.care-plan .desserts .coop-brand {
    display: block;
    margin: 20px auto 50px;
}

.care-plan .health .health-list {
    display: flex;
    justify-content: center;
    padding: 36px 0 15px 0;
}

.care-plan .health .health-list .health-item {
    width: 256px;
    height: 213px;
    border-radius: 20px;
    margin: 0 24px 0 0;
    overflow: hidden;
    box-shadow: 0 0 35px rgba(216, 142, 140, 0.22);
    background: #ff8f33;
}

.care-plan .health .health-list .health-item:last-child {
    margin: 0;
}

.care-plan .health .health-list .health-item .picbox {
    width: 256px;
    height: 173px;
    overflow: hidden;
}

.care-plan .health .health-list .health-item .picbox img {
    width: 100%;
    max-height: 100%;
}

.care-plan .health .health-list .health-item .name {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 5px 0;
}

.care-plan .health .txt {
    padding: 10px 0 20px 0
}

.care-plan .health .wrapper {
    display: flex;
    justify-content: center;
    padding: 30px 0 50px 0;
}

.care-plan .health .wrapper .picbox {
    width: 301px;
    height: 232px;
    overflow: hidden;
}

.care-plan .health .wrapper .picbox img {
    display: block;
    margin: 0 auto;
}

.care-plan .health .wrapper .txtbox .item {
    width: 303px;
    height: 64px;
    color: #000;
    background: #fff;
    box-shadow: 0 0 16px rgba(255, 126, 0, 0.18);
    text-align: center;
    line-height: 64px;
    margin: 0 0 30px 30px;
    font-size: 16px;
    border-radius: 10px;
}

.care-plan .health .wrapper .txtbox .item:hover {
    background: linear-gradient(#feaf70, #ff8c2f);
    color: #fff;
}

.care-plan .health .concept-list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 35px 0 50px 0;
}

.care-plan .health .concept-list .concept-item {
    width: 194px;
    height: 230px;
    border-radius: 10px;
    position: relative;
    box-shadow: 0 0 35px rgba(216, 142, 140, 0.22);
    margin: 0 30px 0 0;
}

.care-plan .health .concept-list .concept-item img {
    width: 60px;
    height: 61px;
    display: block;
    margin: 20px auto;
}

.care-plan .health .concept-list .concept-item .name {
    font-size: 20px;
    color: #ec7b28;
    text-align: center;
    font-weight: bold;
}

.care-plan .health .concept-list .concept-item .cont {
    display: block;
    padding: 15px 10px 0;
    font-size: 14px;
    text-align: center;
}

.care-plan .container .health .pro-title-mode {
    padding: 30px 0 2px;
}

.care-plan .welfare .pro-title-mode {
    padding: 30px 0 20px;
}

.care-plan .welfare .txt {
    text-align: left;
}

.care-plan .welfare .insurance-item {
    width: 906px;
    min-height: 131px;
    box-shadow: 0 0 16px rgba(255, 126, 0, 0.18);
    margin: 0 auto 21px;
    border-radius: 10px;
}

.care-plan .welfare .insurance-item .wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: 131px;
}

.care-plan .welfare .insurance-item .wrapper .namebox {
    width: 103px;
    height: 100px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    background: linear-gradient(#feaf70, #ff8c2f);
    margin: 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    font-weight: bold;
    text-align: center;
}

.care-plan .welfare .insurance-item .wrapper .style-item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 745px;
}

.care-plan .welfare .insurance-item .wrapper .style-item .item {
    margin: 0 10px 0 0;
    height: 100px;
    border: 1px solid #ec7b28;
    border-radius: 6px;
    font-size: 18px;
    color: #333;
    text-align: center;
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 170px;
}

.care-plan .welfare .insurance-item:last-child .wrapper {
    align-items: flex-start;
    padding: 10px 0 10px 0;
}

.care-plan .welfare .insurance-item:last-child .wrapper .namebox {
    font-size: 14px;
}

.care-plan .welfare .insurance-item:last-child .wrapper .style-item {
    flex-wrap: wrap;
}

.care-plan .welfare .insurance-item:last-child .wrapper .style-item .item {
    margin: 0 10px 10px 0;
}

.care-plan .welfare .insurance-item:last-child .wrapper .style-item .item:nth-child(10) {
    width: 362px;
}

.care-plan .activity .pro-title-mode {
    padding: 20px 0 20px 0;
}

.care-plan .activity .txt {
    text-align: left;
}

.care-plan .activity .casepic {
    display: block;
    margin: 20px auto 60px;
}

.group-buying .container .buying-list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.group-buying .container .buying-list .item {
    width: 320px;
    height: 270px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 16px rgba(254, 119, 100, 0.18);
    padding: 20px 20px;
    margin: 20px 20px;
}

.group-buying .container .buying-list .item:nth-child(3n) {
    margin: 20px 0;
}

.group-buying .container .buying-list .item .name {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    text-align: center;
    margin: 26px 0 20px 0;
}

.group-buying .container .buying-list .item .wrapper .mode .cont {
    display: block;
    font-size: 14px;
    color: #999;
    line-height: 28px;
}


/* 产品特色 */

.pro-features .container {
    position: relative;
}

.pro-features .container .wrapper {
    position: absolute;
    width: 100%;
    left: 0;
    top: 40px;
    z-index: 9;
}

.pro-features .container .aboutus-title {
    color: #fff;
}

.pro-features .container .news-cate-list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    border-bottom: 1px solid #d6d6d6;
}

.pro-features .container .news-cate-list .news-cate {
    width: 96px;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    color: rgba(255, 255, 255, .5);
    border-radius: 19px;
    text-align: center;
    margin: 10px 35px;
    position: relative;
}

.pro-features .container .news-cate-list .active i {
    display: block;
    width: 40px;
    height: 3px;
    background: #fcff00;
    position: absolute;
    left: 50%;
    margin: 0 0 0 -20px;
    bottom: -10px;
    border-radius: 42px;
}

.pro-features .container .news-cate-list .active {
    /* background: #0c51bd; */
    color: #fcff00;
}

.pro-features .swiper-slide img {
    display: block;
    margin: 0 auto;
}


/* 采集商城-我们的优势 */

.our-adv2 .container .adv-list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

.our-adv2 .container .adv-list .item {
    width: 224px;
    height: 246px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 16px rgba(254, 119, 100, 0.18);
    padding: 20px 20px;
    margin: 20px 20px;
}

.our-adv2 .container .adv-list .item:nth-child(3n) {
    margin: 20px 0;
}

.our-adv2 .container .adv-list .item .name {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    text-align: center;
    margin: 26px 0 20px 0;
}

.our-adv2 .container .adv-list .item .wrapper .mode .cont {
    display: block;
    font-size: 14px;
    color: #999;
    line-height: 28px;
    text-align: center;
}


/* 满足企业不同场景集采物资需求 */

.requirements .container .supply-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    animation-name: pulse;
    visibility: visible;
}

.requirements .container .supply-list .supply-item {
    margin: 20px 0 20px 0;
    text-align: center;
    flex-grow: 1;
}

.requirements .container .supply-list .supply-item .picbox {
    width: 97px;
    height: 97px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.requirements .container .supply-list .supply-item .picbox:hover .cover1 {
    left: -97px;
    bottom: -97px;
    transition: all 0.6s;
}

.requirements .container .supply-list .supply-item .picbox:hover .cover2 {
    right: -97px;
    top: -97px;
    transition: all 0.6s;
}

.requirements .container .supply-list .supply-item .picbox .cover1 {
    width: 97px;
    height: 97px;
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.18);
    z-index: 9;
    border-radius: 50%;
    left: -33px;
    bottom: -33px;
    transition: all 0.6s;
}

.requirements .container .supply-list .supply-item .picbox .cover2 {
    width: 97px;
    height: 97px;
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.18);
    right: -33px;
    top: -33px;
    z-index: 9;
    border-radius: 50%;
    transition: all 0.6s;
}

.requirements .container .supply-list .supply-item .picbox .supply-icon {
    width: 100%;
    height: 100%;
}

.requirements .container .supply-list .supply-item .name {
    font-size: 18px;
    color: #333;
    text-align: center;
    margin: 14px 0;
}

.requirements .container .supply-list .supply-item .subname {
    font-size: 14px;
    color: #999;
}


/* 为众多知名企业提供企业整体解决方案 */

.total-solution .container .field-list {
    display: flex;
    justify-content: space-between;
    padding: 0 0 85px 0;
}

.total-solution .container .field-list .field-item {
    width: 280px;
    height: 251px;
    border-radius: 20px;
    margin: 0 24px 0 0;
    overflow: hidden;
    box-shadow: 0 0 16px rgba(255, 0, 0, 0.18);
    background: linear-gradient(#fe945a, #fe7564);
}

.total-solution .container .field-list .field-item:last-child {
    margin: 0;
}

.total-solution .container .field-list .field-item .picbox {
    width: 280px;
    height: 202px;
    overflow: hidden;
}

.total-solution .container .field-list .field-item .picbox:hover img {
    transition: all 0.4s;
    transform: scale(1.05);
}

.total-solution .container .field-list .field-item .picbox img {
    width: 100%;
    max-height: 100%;
    transition: all 0.4s;
}

.total-solution .container .field-list .field-item .name {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 6px 0;
}

.speed .container .trendlist {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 0 80px 0;
}

.speed .container .trendlist .item {
    flex-grow: 1;
    width: 48%;
    height: 180px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-shadow: 0 0 16px rgba(35, 102, 217, 0.18);
    margin: 1%;
    border-radius: 10px;
}

.speed .container .trendlist .item .picbox {
    min-width: 155px;
    max-width: 155px;
    overflow: hidden;
    max-height: 124px;
    margin: 0 0 0 20px;
}

.speed .container .trendlist .item .picbox img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: 0 auto;
}

.speed .container .trendlist .item .txtbox {
    padding: 0 0 0 16px;
    /* width: 430px; */
}

.speed .container .trendlist .item .txtbox .title {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    margin: 0 0 6px 0;
}

.speed .container .trendlist .item .txtbox .subtitle {
    font-size: 14px;
    color: #999;
    width: 90%;
    text-align: justify;
}


/* 成交转化：百余种营销玩法，花式卖货促成交 */

.conversion .container .conversion-list {
    display: flex;
    justify-content: center;
    border-radius: 20px;
    flex-wrap: wrap;
}

.conversion .container .conversion-list .item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin: 0 40px 80px 40px;
    width: 156px;
    height: 188px;
    text-align: center;
}

.conversion .container .conversion-list .item .picbox {
    width: 107px;
    height: 107px;
}

.conversion .container .conversion-list .item .picbox img {
    width: 100%;
    display: block;
    margin: 0 auto;
}

.conversion .container .conversion-list .item .txtbox .name {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    text-align: center;
    padding: 20px 0 14px 0;
}

.conversion .container .conversion-list .item .txtbox .cont {
    font-size: 14px;
    color: #999;
}


/* 复购增购：精细化管理会员，提升客单和复购 */

.purchase .container {
    position: relative;
}

.purchase .container .purchase-list {
    display: flex;
    justify-content: center;
    border-radius: 20px;
    flex-wrap: wrap;
}

.purchase .container .purchase-list .item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin: 0 10px 63px 10px;
    width: 156px;
    height: 188px;
    text-align: center;
}

.purchase .container .purchase-list .item .picbox {
    width: 88px;
    height: 88px;
}

.purchase .container .purchase-list .item .picbox img {
    width: 100%;
    display: block;
    margin: 0 auto;
}

.purchase .container .purchase-list .item .txtbox .name {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    text-align: center;
    padding: 20px 0 14px 0;
}

.purchase .container .purchase-list .item .txtbox .cont {
    font-size: 14px;
    color: #999;
}

.purchase .line {
    width: 900px;
    display: block;
    height: 4px;
    background: linear-gradient(#848ef1, #6055d4);
    border-radius: 2px;
    position: absolute;
    left: 146px;
    top: 184px;
    z-index: -1;
}


/* 迈戈集采商城优势 */

.shop-adv4 .container .shop-adv-list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 0 80px 0;
}

.shop-adv4 .container .aboutus-title {
    padding: 10px 0 16px 0;
}

.shop-adv4 .container .shop-adv-list .item {
    width: 281px;
    height: 388px;
    box-shadow: 0 0 16px rgba(18, 0, 255, 0.18);
    border-radius: 20px;
    overflow: hidden;
}

.shop-adv4 .container .shop-adv-list .item .picbox {
    width: 281px;
    height: 202px;
    overflow: hidden;
}

.shop-adv4 .container .shop-adv-list .item .picbox img {
    width: 100%;
    height: 100%;
}

.shop-adv4 .container .shop-adv-list .item .txtbox .title {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    text-align: center;
    margin: 16px 0;
}

.shop-adv4 .container .shop-adv-list .item .txtbox .subtitle {
    font-size: 16px;
    color: #2864be;
    padding: 0 28px;
}


/* 不只是系统工具，全方位一站式服务，加速业务增长 */

.tools .container .toolspic {
    margin: 50px auto;
    display: block;
}


/* 新闻详情 */


/* 详情页 */

.detail-show .infobox {
    display: flex;
    justify-content: center;
}

.detail-show video {
    max-width: 100%;
    display: block;
    margin: 20px auto;
    border-radius: 6px;
}

.detail-show {
    width: 893px;
    box-shadow: 0 0 18px rgba(26, 114, 187, 0.22);
    height: fit-content;
    margin: 93px 0 0 0;
}

.detail-show .detailtitle {
    font-size: 36px;
    color: #333;
    font-weight: 600;
    text-align: center;
    padding: 30px 30px 0;
}

.detail-show .time,
.author,
.visited {
    font-size: 16px;
    font-weight: 400;
    color: #999;
    margin: 16px 0;
    padding: 0 30px;
    display: inline-block;
}

.detail-show .detail-content {
    padding: 0 30px 50px;
}

.detail-show .detail-content img {
    max-width: 100%;
    display: block;
    margin: 10px auto;
}

.detail-show .detail-content p {
    font-size: 16px;
    color: #666666;
    font-weight: 300;
    text-indent: 32px;
}

.container .prevnext {
    width: 100%;
    display: flex;
    flex-direction: column;
    border-top: 1px solid #efefef;
    padding: 20px 0 20px 0;
}

.container .prevnext .pprev,
.pnext {
    font-size: 14px;
    color: #333;
    padding: 8px 30px;
}


/* 不只是系统工具，全方位一站式服务，加速业务增长 */

.showpic {
    width: 100%;
    position: relative;
    height: 500px;
}

.showpic .txtitem {
    width: 180px;
    height: 110px;
    border-radius: 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 16px rgba(18, 0, 255, 0.18);
    background: #fff;
    position: absolute;
    user-select: none;
}


/* .showpic .txtitem:nth-child(1) {} */

.showpic .txtitem:nth-child(2) {
    top: 10px;
    left: 240px;
}

.showpic .txtitem:nth-child(3) {
    top: 153px;
    left: 109px;
}

.showpic .txtitem:nth-child(4) {
    top: 298px;
    left: 226px;
}

.showpic .txtitem:nth-child(5) {
    right: 176px;
    top: 11px;
}

.showpic .txtitem:nth-child(6) {
    right: 46px;
    top: 153px;
}

.showpic .txtitem:nth-child(7) {
    top: 301px;
    right: 185px;
}

.showpic .txtitem .title {
    font-size: 18px;
    font-weight: bold;
    color: #6f6ae5;
}

.showpic .txtitem .subtitle {
    font-size: 14px;
    color: #999;
}

.showpic .txtitem:hover {
    background: linear-gradient(#8f89f0, #485fbb);
}

.showpic .txtitem:hover .title {
    color: #fff;
}

.showpic .txtitem:hover .subtitle {
    color: #fff;
}


/* 迈戈采集商城优势 */

.showpic2 {
    width: 100%;
    position: relative;
    height: 500px;
}

.showpic2 .txtitem {
    width: 180px;
    height: 110px;
    border-radius: 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 16px rgba(37, 152, 18, 0.18);
    background: #fff;
    position: absolute;
    user-select: none;
}


/* .showpic2 .txtitem:nth-child(1) {} */

.showpic2 .txtitem:nth-child(2) {
    top: 30px;
    left: 142px;
}

.showpic2 .txtitem:nth-child(3) {
    top: 176px;
    left: 54px;
}

.showpic2 .txtitem:nth-child(4) {
    top: 323px;
    left: 175px;
}

.showpic2 .txtitem:nth-child(5) {
    right: 139px;
    top: 33px;
}

.showpic2 .txtitem:nth-child(6) {
    right: 31px;
    top: 174px;
}

.showpic2 .txtitem:nth-child(7) {
    top: 315px;
    right: 134px;
}

.showpic2 .txtitem .title {
    font-size: 18px;
    font-weight: bold;
    color: #62a656;
}

.showpic2 .txtitem .subtitle {
    font-size: 14px;
    color: #999;
}

.showpic2 .txtitem:hover {
    background: linear-gradient(#edf1ae, #60a555);
}

.showpic2 .txtitem:hover .title {
    color: #fff;
}

.showpic2 .txtitem:hover .subtitle {
    color: #fff;
}

.showpic3 {
    width: 100%;
    position: relative;
    height: 500px;
}

.showpic3 .txtitem {
    width: 180px;
    height: 110px;
    border-radius: 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 16px rgba(35, 202, 217, 0.18);
    background: #fff;
    position: absolute;
    user-select: none;
}


/* .showpic3 .txtitem:nth-child(1) {} */

.showpic3 .txtitem:nth-child(2) {
    top: 30px;
    left: 142px;
}

.showpic3 .txtitem:nth-child(3) {
    top: 176px;
    left: 54px;
}

.showpic3 .txtitem:nth-child(4) {
    top: 323px;
    left: 175px;
}

.showpic3 .txtitem:nth-child(5) {
    right: 139px;
    top: 33px;
}

.showpic3 .txtitem:nth-child(6) {
    right: 31px;
    top: 174px;
}

.showpic3 .txtitem:nth-child(7) {
    top: 315px;
    right: 134px;
}

.showpic3 .txtitem .title {
    font-size: 18px;
    font-weight: bold;
    color: #26a0cc;
}

.showpic3 .txtitem .subtitle {
    font-size: 14px;
    color: #999;
}

.showpic3 .txtitem:hover {
    background: linear-gradient(#7febff, #0393c9);
}

.showpic3 .txtitem:hover .title {
    color: #fff;
}

.showpic3 .txtitem:hover .subtitle {
    color: #fff;
}

#ban-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

#apply-box {
    width: 90.3%;
    height: 935px;
    background: url('../images/apply2-bg.png') no-repeat center;
    position: fixed;
    z-index: 1000;
    top: 1%;
    left: 2vw;
    display: none;
    background-size: contain;
    min-width: 1250px;
}

#apply-box .layui-form .titlee {
    font-size: 13px;
    color: #002465;
    width: 80px;
    margin: 0 6px 0 0;
    height: 36px;
    line-height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    padding: 0;
}

#apply-box .layui-form .layui-form-item {
    margin: 0;
}

#apply-box .layui-form .titlee i {
    color: #c5191f;
}

#apply-box .layui-form .select-wrap {
    display: flex;
}

#apply-box .layui-form .layui-input-block {
    margin: 0 10px 0 0;
}

#apply-box .layui-form .layui-input-block:last-child input {
    width: 366px;
}

#apply-box .layui-form .layui-input-block input {
    width: 160px;
    height: 36px;
    border: 0;
    background: rgba(0, 66, 185, 0.05);
    outline: none;
    padding: 0 0 0 10px;
    color: 333;
    font-size: 14px;
}

#apply-box .layui-form .layui-input-block input::placeholder {
    color: rgba(0, 36, 101, 0.46);
}

#apply-box .layui-form-select dl dd.layui-this {
    background: #0c51bd;
}

#join-box {
    width: 922px;
    height: 772px;
    background: url('../images/apply-bg.png') no-repeat center;
    position: fixed;
    z-index: 1000;
    top: 10%;
    left: 23%;
    display: none;
}

#join-box .close {
    position: absolute;
    right: 42px;
    top: 20px;
    cursor: pointer;
}

#apply-box .close {
    position: absolute;
    right: -50px;
    top: 24px;
    cursor: pointer;
}

#apply-box .apply-contbox {
    width: 902px;
    min-height: 180px;
    margin: 0 0 0 88px;
    position: relative;
}

#apply-box .apply-contbox .corner {
    width: 18px;
    height: 18px;
    background: #f2f5fb;
    border-top: 1px solid #0c51bd;
    border-right: 1px solid #0c51bd;
    transform: rotate(-45deg);
    top: -9px;
    position: absolute;
    left: 12px;
    transition: all 0.4s;
}

#apply-box .apply-contbox .cont {
    border: 1px solid #0c51bd;
    background: #f2f5fb;
    width: 97%;
    height: 100%;
}

#apply-box .apply-contbox .cont .item {
    opacity: 0;
    transition: all 0.4s;
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px;
}

#apply-box .apply-contbox .cont .item:first-child {
    opacity: 1;
}

#apply-box .apply-contbox .cont .item p {
    font-size: 14px;
    color: #002465;
    display: none;
    position: relative;
    margin: 4px 10px 0 3px;
    width: 420px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#apply-box .apply-contbox .cont .item p:nth-child(-n+7) {
    display: inline-block;
}

#apply-box .apply-contbox .cont .item p i {
    height: 16px;
    width: 16px;
    background: #0c51bd;
    color: #fff;
    font-size: 12px;
    border-radius: 50%;
    line-height: 16px;
    text-align: center;
    margin: 0 10px 0 0;
    display: inline-block;
}

#formbox {
    width: 1050px;
    margin: 0 auto;
    padding: 80px 0 0 50px;
    position: relative;
}

#formbox .title {
    color: #010101;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    padding: 2px 0;
}

#formbox .wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

#formbox .wrapper .inputbox {
    width: 24%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 2px 0;
}

#formbox .wrapper .inputbox>span {
    font-size: 14px;
    color: #002465;
    margin: 0 6px 0 0;
    width: 94px;
    height: 58px;
    line-height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#formbox .wrapper .inputbox .type1 {
    width: 160px;
    height: 36px;
    border: 0;
    background: rgba(0, 66, 185, 0.05);
    outline: none;
    padding: 0 0 0 10px;
    color: #333;
    font-size: 14px;
}

#formbox .wrapper .inputbox i {
    color: #c5191f;
}

#formbox .wrapper .wherechose {
    width: 100%;
}

#formbox .wrapper .wherechose .checkbox {
    line-height: 20px;
    display: flex;
    margin: 0 43px 0 13px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
}

#formbox .wrapper .wherechose2 .checkbox {
    margin: 0 15px 0 0;
}

#formbox .wrapper .wherechose .checkbox label {
    cursor: pointer;
}

#formbox .wrapper .wherechose .checkbox .wra {
    position: relative;
    margin: 0 4px -4px 0;
}

#formbox .wrapper .wherechose .checkbox .wra .checkradio {
    width: 16px;
    height: 16px;
    position: absolute;
    visibility: hidden;
    cursor: pointer;
}

#formbox .wrapper .wherechose .checkbox .wra .checkradio+label {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/bingo.png) no-repeat center;
    border: 1px solid #efefef;
    border-radius: 50%;
    padding: 2px;
    background-clip: content-box;
    background-position: -25px -3px;
    cursor: pointer;
}

#formbox .wrapper .wherechose .checkbox .wra .checkradio:checked+label {
    background-position: 2px;
}

#formbox .wrapper .wherechose .checkbox i {
    font-size: 14px;
    color: #002465;
    user-select: none;
}

#formbox .wrapper .inputbox span {
    font-size: 13px;
    color: #002465;
    margin: 0 6px 0 0;
    width: 80px;
    height: 48px;
    line-height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#formbox .wrapper .inputbox textarea {
    width: 83.1%;
    height: 70px;
    background-color: #f2f5fb;
    border: 0;
    outline: 0;
    padding: 10px;
    font-size: 16px;
    color: #333;
    resize: none;
}

#formbox .wrapper .inputbox input::placeholder {
    font-size: 14px;
    color: rgba(0, 36, 101, 0.46);
}

#formbox .wrapper .inputbox textarea::placeholder {
    font-size: 14px;
    color: rgba(0, 36, 101, 0.46);
}

#formbox .wrapper .textareabox {
    width: 100%;
}

#formbox button {
    width: 164px;
    height: 38px;
    line-height: 38px;
    border-radius: 25px;
    background: #0c51bd;
    color: #fff;
    font-size: 16px;
    margin: 5px auto 0;
    outline: none;
    border: 0;
    display: inline-block;
}

#join-box .formbox2 .inputbox {
    width: 48%;
}


/* ------------------------------------------媒介查询---------------------------------------------- */

@media screen and (max-width:1300px) {}

@media screen and (max-width:1280px) {
    body {
        overflow-x: scroll;
    }
}