body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, th, td { margin:0; padding:0; }
body { font-size:0.6vw; color:#3C3C3C; font-family:Microsoft YaHei,Arial, Helvetica,"华文黑体", sans-serif;}
fieldset, img { border:0; }
ol, ul { list-style:none; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
em { font-style:normal; }
button, select, textarea { outline:none; } 
input{ border:0;}
textarea { resize:none; }
a { color: #8E8D8D; text-decoration:none; }
a:hover { text-decoration:none; }
.clearfix {
    *zoom:1
}
.clearfix:before,.clearfix:after {
    display:table;
    content:"";
    line-height:0;
}
.clearfix:after {
    clear:both;
}
html {
    overflow-x: hidden;
}
.main {
    width: 71vw;
    margin: 0 auto;
    padding: 6vw 0;
    box-sizing: border-box;
}
.main .breadcrumb {
    font-size: 1.8vw;
    line-height: 3;
}
img {
    max-width: 100%;
}
.content {
    font-size: 0.8vw;
    color: #333;
    line-height: 1.8;
}
.content img {
    margin-top: 3vw;
    width: 100%;
}
/* 头部开始 */
.header-l {
    height: 5.5vw;
}
.header-l .header-container{
    width: 72vw;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 5.5vw;
}
.logo-l img{
    display: block;
}
.container-l {
    margin: 0 auto;
    width: 64vw;
}
.menu-l {
    width: 36.5vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.3vw;
    color: #000;
}
.menu-l>div {
    cursor: pointer;
    height: 4vw;
    line-height: 4vw;
}
.menu-l>div a{
    color: #000;
    transition: all .3s;
}
.menu-l>div a:hover{
    color: #324eda;
}

.menu-l>div.haschild {
    position: relative;
}
.menu-l>div ul {
    display: none;
    position: absolute;
    top: 4vw;
    left: 0;
    background: #fff;
    z-index: 2;
    box-shadow: 0vw 0vw 0.15vw #ccc;
    font-size: 1vw;
    width: 7vw;
    padding: 0.5vw 0;
}
.menu-l>div ul li{
    padding: 0.5vw 0.75vw;
    line-height: 1.2;
}
.menu-l>div ul li a{
    transition: all .3s;
}
.menu-l>div ul li a:hover{
    color: #324eda;
}
.operate-l {
    display: flex;
    position: relative;
}
.operate-l .button-login{
    height: 1.75vw;
    line-height: 1.75vw;
    border-radius: 0.85vw;
    font-size: 1vw;
    color: #fff;
    padding: 0 1.4vw;
    background-color: #324eda;
}
.operate-l .button-login:first-child{
    margin-right: 4vw;
}
.operate-l .button-login:last-child{
    position: absolute;
    left: 6.5vw;
    width: 8.9vw;
}
/* 头部结束 */


/* banner开始 */
.home-banner,.wxApp-banner,.app-banner,.solition-banner,.case-banner  {
    position: relative;
}
.home-banner .text {
    position: absolute;
    top: 70%;
    transform: translateY(-50%);
    left: 23%;
}
.home-banner .text div:nth-child(1){
    font-size: 6vw;
    font-weight: bold;
    color: #fff;
    margin-bottom: 4vw;
    width: 44vw;
    text-align: center;
}
.home-banner .text div:nth-child(2){
    font-size: 2vw;
    color: #fff;
    width: 44vw;
    text-align: center;
}
.home-banner .text div:nth-child(3){
    font-size: 2vw;
    color: #fff;
    width: 44vw;
    text-align: center;
}
.home-banner .text div:nth-child(4){
    font-size: 1.6vw;
    color: #fff;
    width: 44vw;
    text-align: center;
    margin-top: 3vw;
}
.home-banner .text div:nth-child(4) span {
    width: 18.5vw;
    border:1px solid #fff;
    background-color: #fff;
    color: #e61874;
    height: 3.4vw;
    line-height: 3.4vw;
    text-align: center;
    border-radius: 1.7vw;
    display: inline-block;
    cursor: pointer;
    transition: all .3s;
}
.home-banner .text div:nth-child(4) span:hover {
    background-color: #e61874;
    color:#fff;
    border-color:#e61874
}
.wxApp-banner .text {
    position: absolute;
    top: 65%;
    left: 13%;
    line-height: 1.2;
    color: #fff;
}
.wxApp-banner .text div:nth-child(1){
    font-size: 6vw;
    font-weight: bold;
    color: #fff;
    margin-bottom: 1vw;
    width: 44vw;
}
.wxApp-banner .text div:nth-child(2){
    font-size: 1.6vw;
}
.wxApp-banner .text div:nth-child(3){
    font-size: 2.1vw;
}
.mall-banner .text {
    position: absolute;
    top: 65%;
    left: 15%;
    line-height: 1.2;
    color: #fff;
}
.mall-banner .text div:nth-child(4){
    font-size: 1.6vw;
    color: #fff;
    width: 44vw;
    margin-top: 3vw;
}
.mall-banner .text div:nth-child(4) span{
    width: 18.5vw;
    border:1px solid #fff;
    background-color: #fff;
    color: #e61874;
    height: 3.4vw;
    line-height: 3.4vw;
    text-align: center;
    border-radius: 1.7vw;
    display: inline-block;
    cursor: pointer;
    transition: all .3s;
}
.mall-banner .text div:nth-child(4) span:hover {
    background-color: #e61874;
    color:#fff;
    border-color:#e61874
}
.app-banner .text{
    position: absolute;
    top: 60%;
    left: 10%;
    line-height: 1.2;
    color: #fff;
}
.app-banner .text div:nth-child(1){
    font-size: 5vw;
    font-weight: bold;
    color: #fff;
    margin-bottom: 1vw;
    width: 44vw;
}
.app-banner .text div:nth-child(2){
    font-size: 1.6vw;
    color: #fff;
    width: 44vw;
    margin-top: 3vw;
}
.app-banner .text div:nth-child(2) span{
    width: 18.5vw;
    border:1px solid #fff;
    background-color: #fff;
    color: #e61874;
    height: 3.4vw;
    line-height: 3.4vw;
    text-align: center;
    border-radius: 1.7vw;
    display: inline-block;
    cursor: pointer;
    transition: all .3s;

}
.app-banner .text div:nth-child(2) span:hover {
    background-color: #e61874;
    color:#fff;
    border-color:#e61874
}
.solition-banner .text {
    position: absolute;
    top: 63%;
    transform: translateY(-50%);
    left: 24%;
    line-height: 1.2;
}
.solition-banner .text div:nth-child(1){
    font-size: 1.2vw;
    color: #fff;
    margin-bottom: 0.75vw;
}
.solition-banner .text div:nth-child(2){
    font-size: 2.1vw;
    color: #fff;
}
.solition-banner .text div:nth-child(3){
    font-size: 1.2vw;
    color: #fff;
    margin-top: 0.85vw;
}
.solition-banner .text div:nth-child(4){
    font-size: 1.2vw;
    color: #fff;
    margin-top: 2vw;
}
.solition-banner .text div:nth-child(4) span{
    width: 13.5vw;
    border:1px solid #fff;
    background-color: #fff;
    color: #e61874;
    height: 2.5vw;
    line-height: 2.5vw;
    text-align: center;
    border-radius: 1.25vw;
    display: inline-block;
    cursor: pointer;
    transition: all .3s;

}
.solition-banner .text div:nth-child(4) span:hover {
    background-color: #e61874;
    color:#fff;
    border-color:#e61874
}
.case-banner .text {
    position: absolute;
    top: 60%;
    transform: translateY(-50%);
    left: 10%;
    line-height: 1.2;
}
.case-banner .text div:nth-child(1){
    font-size: 3.8vw;
    color: #fff;
    margin-bottom: 0.75vw;
}
.case-banner .text div:nth-child(2){
    font-size: 2.1vw;
    color: #fff;
    margin-bottom: 0.75vw;
}
.case-banner .text div:nth-child(3){
    font-size: 1.3vw;
    color: #fff;
    margin-bottom: 0.75vw;
}
.case-banner .text div:nth-child(4){
    font-size: 1.6vw;
    color: #fff;
    width: 44vw;
    margin-top: 3vw;
}
.case-banner .text div:nth-child(4) span{
    width: 18.5vw;
    border:1px solid #fff;
    background-color: #fff;
    color: #e61874;
    height: 3.4vw;
    line-height: 3.4vw;
    text-align: center;
    border-radius: 1.7vw;
    display: inline-block;
    cursor: pointer;
    transition: all .3s;

}
.case-banner .text div:nth-child(4) span:hover {
    background-color: #e61874;
    color:#fff;
    border-color:#e61874
}
/* banner结束 */

/* 系统 开始 */
.system {
    padding: 70px 0;
}
.system .container-l{
    display: flex;
    justify-content: space-around;
    width: 1280px;
}
.system .item {
    background-color: #f7f7f7;
    border-radius: 8px 8px 0 0;
    width: 215px;
    height: 260px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
}

.system .item:hover img{
    animation: tiaodong 1s linear;
}
.system .item div {
    margin-top: 35px;
    font-size: 12px;
}
.system .item div span{
    display: block;
    text-align: center;
    line-height: 1.8;
}
.system .item div span:nth-child(1){
    font-size: 18px;
    font-weight: bold;
}
/* 系统结束 */

.box_1 {
    height: 17.45vw;
    padding-bottom: 4.5vw;
}
.box_1 .item_1 {
    width: 31.05vw;
    height: 17.45vw;
    box-sizing: border-box;
    border-radius: 0.25vw;
    overflow: hidden;
    float: left;
    background: url(../images/images/box_1_1_67.jpg) no-repeat;
    background-size: cover;
    padding: 1.25vw;
    text-align: center;
}
.box_1 .item-right {
    float: right;
    background-image: url(../images/images/box_1_2_67.jpg);
}
.box_1 .item_1 h3 {
    font-size: 1.5vw;
    color: #fff;
    line-height: 4vw;
    font-weight: bold;
}
.box_1 .item_1 p {
    color: #fff;
    font-size: 1vw;
    line-height: 1.6vw;
}
.box_1 .item_1 ul {
    width: 100%;
    text-align: center;
    margin: 0vw;
    font-size: 0.7vw;
}
.box_1 .item_1 ul a {
    display: inline-block;
    width: 6vw;
    height: 1.8vw;
    border-radius: 0.15vw;
    color: #fff;
    border: 0.05vw solid #fff;
    line-height: 1.7vw;
    box-sizing: border-box;
    text-align: center;
    font-size: 0.8vw;
    margin: 0 0.6vw;
    margin-top: 2.2vw;
    cursor: pointer;
    transition: .3s;
}
.box_1 .item_1 ul a:hover {
    background: #fff;
    color: #324eda;
}
/* 生态开始 */
.ecology {
    padding: 4.5vw 0;
    text-align: center;
    background-color: #fcfcfc;
}
.ecology .title {
    margin-bottom: 3vw;
}
.ecology .title>div {
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 30px;
    color: #000;
}
.ecology .title>span {
    font-size: 14px;
    color: #8E8D8D;
}
.ecology>img {
    margin: 0 auto;
}
/* 生态结束 */


/* 商城系统开始 */
.mall {
    padding: 90px 0;
    text-align: center;
}
.mall .title {
    margin-bottom: 60px;
}
.mall .title>div {
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 30px;
    color: #000;
}
.mall .title>span {
    font-size: 14px;
    color: #8E8D8D;
}
.mall .main_2 {
    width: 1280px;
    margin: 0 auto;
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.mall .main_2 .item {
    width: 270px;
    height: 240px;
    background: #fafafa;
    border-radius: 5px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 40px;
    cursor: pointer;
    position: relative;
    border-radius: 10px 10px 0 0;
}
.mall .main_2 .item:hover {
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.06);
}
.mall .main_2 .item:hover .btn {
    background: #006CFF;
    color: #fff;
}
.mall .main_2 .item:hover .btn i {
    border-color: #fff;
}
.mall .main_2 .item .topimg {
    /* width: 56px;
    height: 56px; */
    margin: 20px auto;
}
.mall .main_2 .item h4 {
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}
.mall .main_2 .item .content {
    font-size: 14px;
    color: #666;
    line-height: 18px;
    width: 200px;
    margin: 0 auto;
    text-align: center;
    margin-top: 15px;
    height: 36px;
    overflow: hidden;
}
.mall .main_2 .item .btn {
    width: 100px;
    height: 32px;
    background: #F2F2FA;
    border-radius: 3px;
    line-height: 32px;
    color: #999;
    display: block;
    margin: 0 auto;
    font-size: 12px;
    margin-top: 18px;
    transition: .2s;
}
.mall .main_2 .item .btn i {
    width: 6px;
    height: 6px;
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    transform: rotate(45deg);
    display: inline-block;
    margin-left: 5px;
}
/* 商城系统结束 */

/* 商城优点开始 */
.advantage {
    padding: 4.5vw 0 2.5vw;
    text-align: center;
    background-image: url(../images/images/advantage_95.jpg);
    background-repeat: no-repeat;
}
.advantage .title {
    margin-bottom: 3vw;
}
.advantage .title>div {
    font-size: 34px;
    font-weight: bold;
    color: #fff;
    position: relative;
    margin: 0 auto;
    margin-bottom: 30px;
    display: inline-block;
}
.advantage .title>div:before {
    content: "";
    width: 71px;
    height: 26px;
    background: url(../images/images/advantage_title_icon_1_95.png);
    display: block;
    position: absolute;
    left: -90px;
    top: 12px;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: left;
}
.advantage .title>div:after {
    content: "";
    width: 71px;
    height: 26px;
    background: url(../images/images/advantage_title_icon_2_95.png);
    display: block;
    position: absolute;
    right: -90px;
    top: 12px;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: right;
    

    /* transform: rotate(180deg); */
}
.advantage .title>span {
    font-size: 14px;
    color: #fff;
    display: block;
}
.advantage .main_3 {
    width: 60vw;
    margin: 0 auto;
    margin-top: 3vw;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 1vw;
}
.advantage .main_3 .item {
    width: 14vw;
    height: 16vw;
    border-radius: 0.25vw;
    margin: 0 0.5vw 2vw;
    background-size: 100%;
    cursor: pointer;
    position: relative;
    text-align: center;
    background-image: url(../images/images/advantage_item_bg_99.png);
    background-repeat: no-repeat;
}
.advantage .main_3 .item img {
    margin: 0.75vw auto;
    width: 4.8vw;
    height: 5.5vw;
    transition: 0.5s;
}
.advantage .main_3 .item:hover img {
    margin: 0.25vw auto 1.25vw;
}
.advantage .main_3 .item h4 {
    font-size: 0.9vw;
    height: 1.3vw;
    line-height: 1.3vw;
    font-weight: bold;
}
.advantage .main_3 .item .btbox {
    width: 1.5vw;
    height: 0.2vw;
    background: #324eda;
    margin: 0.65vw auto;
}
.advantage .main_3 .item p {
    width: 12vw;
    line-height: 1.1vw;
    font-size: 0.7vw;
    text-align: center;
    color: #666666;
    height: 2.2vw;
    overflow: hidden;
    margin: 0 auto;
}
/* 商城优点结束 */
/* 营销开始 */
.marketing {
    padding: 90px 0;
    text-align: center;
}
.marketing .title {
    margin-bottom: 60px;
}
.marketing .title>div {
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 30px;
    color: #000;
}
.marketing .title>span {
    font-size: 14px;
    color: #8E8D8D;
}
.marketing .box {
    width: 1280px;
    margin: 0 auto;
}
.marketing .box li {
    width: 280px;
    display: inline-block;
    background: #f0f0f0;
    border-radius: 8px;
    overflow: hidden;
    margin: 0 0.875% 1.75% 0.875%;
}
.marketing .box li:hover {
    box-shadow: 0 0 32px rgba(0, 0, 0, .16);
}
.marketing .box li .pic {
    position: relative;
    height: 130px;
    overflow: hidden;
}
.marketing .box li .pic .img {
    transition: all .8s;
    transform: scale(1);
}
.marketing .box li:hover .pic .img {
    transform: scale(1.05);
}
.marketing .box li:hover .pic .shade {
    opacity: 0.5;
}
.marketing .box li:hover .pic .icon {
    -webkit-animation: tiaodong 1s linear;
    animation: tiaodong 1s linear;
}
.marketing .box li .pic .shade {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #2a59da;
    opacity: 0;
    transition: opacity 1s;
}
.marketing .box li .pic .icon {
    position: absolute;
    left: 0;
    top: 30%;
    right: 0;
    margin: 0 auto;
    width: 15%;
}
.marketing .box li .pic .icon img {
    display: block;
    border: none;
    width: 100%;
}
.marketing .box li .txt-box {
    height: 110px;
    padding: 0px 20px;
}
.marketing .box li .p1 {
    padding-top: 20px;
    font-size: 18px;
    color: #333333;
}
.marketing .box li .p2 {
    padding-top: 5px;
    color: #808080;
}
@-webkit-keyframes tiaodong2 {
    0% {
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%);
    }
    20% {
        -webkit-transform: translateY(20%);
        transform: translateY(20%);
    }
    40% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
    }
    60% {
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
    }
    80% {
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%);
    }
    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@keyframes tiaodong {
    0% {
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%);
    }
    20% {
        -webkit-transform: translateY(20%);
        transform: translateY(20%);
    }
    40% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
    }
    60% {
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
    }
    80% {
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%);
    }
    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

.tiaodong2 {
    -webkit-animation: tiaodong2 1s linear;
    animation: tiaodong2 1s linear;
}
/* 营销结束 */

/* 解决方案开始 */
.solution {
    text-align: center;
    background-repeat: no-repeat;
    height: 39vw;
    padding-top: 4vw;
    box-sizing: border-box;
    position: relative;
}
.solution .bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/images/bg1.jpg);
    z-index: -1;
}
.solution .title>div {
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 30px;
    color: #fff;
}
.solution .title>span {
    font-size: 14px;
    color: #fff;
}
.solution .tab-nav {
    padding: 3.5vw 0;
    font-size: 0.8vw;
    text-align: center;
}
.solution .tab-nav a {
    position: relative;
    display: inline-block;
    padding-bottom: 0.9vw;
    margin: 0 1.25vw;
    color: #fff;
}
.solution .tab-nav a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
    width: 0vw;
    height: 0.15vw;
    border-radius: 0.1vw;
    background: #fff;
    transition: width .3s;
}
.solution .tab-nav a.on::after {
    width: 100%;
}
.solution dl {
    position: relative;
    box-sizing: border-box;
}
.solution .hide {
    display: none;
}
.solution dl dt {
    width: 37.5vw;
    float: left;
}

.solution dl dt .theme {
    font-size: 1.6vw;
    color: #fff;
    text-align: left;
}
.solution dl dt .introduce {
    font-size: 0.8vw;
    margin: 1.4vw auto;
    height: 4.5vw;
    overflow: hidden;
    line-height: 1.6vw;
    font-weight: 100;
    text-align: left;
    color: #fff;
}
.solution dl dt .icon-box {
    padding-top: 3vw;
    border-top: 0.05vw dashed #fff;
    text-align: left;
}
.solution dl dt .icon-box .item {
    display: inline-block;
    padding-right: 5%;
    text-align: center;
}
.solution dl dt .icon-box .item:last-child {
    padding-right: 0;
}
.solution dl dt .icon-box .item .icon {
    width: 2.3vw;
    height: 2.3vw;
    margin: 0 auto 0.8vw;
    display: block;
}
.solution dl dt .icon-box .item em {
    color: #fff;
    font-size: 0.7vw;
}
.solution dl dt .icon-box .item:hover .icon {
    -webkit-animation: tiaodong 1s linear;
    animation: tiaodong 1s linear;
}
.solution dd {
    position: absolute;
    right: 0;
    top: 0;
    width: 32%;
}
.solution dd ul {
    overflow: hidden;
}
.solution dd li {
    width: 8.5vw;
    height: 8.5vw;
    margin: 0 4% 4% 0;
    border-radius: 0.25vw;
    overflow: hidden;
    float: left;
    /* background: rgba(255, 255, 255, .3); */
}
.solution dd li .item {
    position: relative;
    width: 100%;
    height: 100%;
}
.solution dd li .item>img {
    width: 5vw;
    margin: 0 auto;
    padding-top: 1.75vw;
    position: relative;
}
.solution dd li .item .code-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .7);
    opacity: 0.6;
    transform: scale(1.2);
    transition: all .3s;
}
.solution dd li .item .code-img img {
    display: block;
    border: none;
    width: 100%;
}
/* 解决方案结束 */

/* 客户案例开始 */
.case {
    padding: 1vw 0 4vw;
    text-align: center;
    background-repeat: no-repeat;
}
.case .title>div {
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 30px;
    color: #000;
}
.case .title>span {
    font-size: 19px;
    color: #000;
}
.case>a {
    display: inline-block;
    font-size: 1.05vw;
    width: 17vw;
    height: 2.5vw;
    line-height: 2.5vw;
    text-align: center;
    margin: 2.5vw auto;
    border-radius: 1.25vw;
    border: 0.05vw solid #0088ff;
    color: #0088ff;
    cursor: pointer;
    transition: all .3s;
}
.case>a:hover {
    border: 0.05vw solid #0088ff;
    color: #fff;
    background-color: #0088ff;
}
.case .wrap-one-main ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
}
.case .wrap-one-main ul li {
    height: 6vw;
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* 客户案例结束 */

.solgan1 {
    background-image: url(../images/images/slogan-bg.jpg);
    height: 27.7vw;
    text-align: center;
    box-sizing: border-box;
    padding: 6vw 0;
}
.solgan1>div {
    background-color: #fff;
    color: #2c003d;
    font-size: 2.4vw;
    border-radius: 2vw;
    height: 4vw;
    padding: 0 2vw;
    display: inline-block;
    margin-bottom: 5vw;
    line-height: 4vw;
}
.solgan1 ul {
    display: flex;
    width: 64vw;
    margin: 0 auto;
    justify-content: space-around;
    color: #fff;
}
.solgan1 li div {
    font-size: 2.5vw;
    margin-bottom: 2vw;
    font-weight: bold;
}
.solgan1 li span {
    font-size: 1vw;
    font-weight: bold;

}
.solgan2 {
    height: 9.4vw;
    background-color: #324eda;
    color: #fff;
    margin-bottom: 1.5vw;
}
.solgan2 ul {
    width: 86vw;
    margin: 0 auto;
    display: flex;
    align-items: center;
    height: 9.4vw;
    justify-content: space-around;
}
.solgan2 ul li {
    /* float: left; */
    width: 21.5vw;
    text-align: left;
}
.solgan2 ul li:last-child {
    /* float: left; */
    width: 15vw;
}
.solgan2 ul li i {
    float: left;
    width: 3.9vw;
    height: 3.9vw;
    background-image: url(../images/images/bot1.png);
    background-size: 100%;
    background-repeat: no-repeat;
    margin-right: 1vw;
}
.solgan2 ul .item-2 i {
    background-image: url(../images/images/bot2.png);
}
.solgan2 ul .item-3 i {
    background-image: url(../images/images/bot3.png);
}
.solgan2 ul .item-4 i {
    background-image: url(../images/images/bot4.png);
}
.solgan2 ul li .h3 {
    font-size: 1.2vw;
    margin-bottom: 0.5vw;
}
.solgan2 ul li .h4 {
    font-size: 1.1vw;
}


/* 底部开始 */
.footer {
    background-color: #324eda;
    padding: 3.75vw 0;
    box-sizing: border-box;
    color: #fff;
    line-height: 1.4;
}
.footer .top {
    width: 86vw;
    margin:  0 auto;
}
.footer .top .logo {
    width: 16%;
    display: inline-block;
    vertical-align: middle;
}
.footer .top .logo img{
    width: auto;
    height: auto;
}
.footer .top ul {
    display: inline-block;
    vertical-align: middle;
    border-left: 0.2vw solid #f7f8fc;
    margin-left: 4%;
    width: 55%;
}
.footer .top ul li {
    float: left;
    margin-left: 13%;
    font-size: 1.1vw;
}
.footer .top ul li .dt {
    margin-bottom: 1.25vw;
    font-weight: bold;
}
.footer .top ul li .dd {
    margin-bottom: 0.5vw;
}
.footer .top ul li a {
    color: #fff;
}
.footer .top .right {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 1.8vw;
    width: 20%;
}
.footer .top .right .item {
    display: inline-block;
    width: 45%;
    float: left;
}
.footer .top .right .item div {
    width: 7vw;
    height: 7vw;
    background-color: #fff;
    margin: 0 auto;
}
.footer .top .right .item p {
    font-size: 1.1vw;

}
/* 底部结束 */
/* 公司文化开始 */
.culture {
    width: 69vw;
    margin: 0 auto;
    margin-top: 6vw;
}
.culture .title {
    color: #1092d8;
    text-align: center;
    margin-bottom: 3.25vw;
}
.culture .title div {
    font-size: 1.6vw;
    margin-bottom: 1.2vw;
    font-weight: bold;
}
.culture .title span {
    font-size: 1.2vw;
    font-weight: bold;
}
.culture .box ul {
    display: flex;
}
.culture .box ul li{
    width: 20%;
}
.culture .box ul li .top {
    background-color: #b8e7ff;
    margin-bottom: 2vw;
    display: flex;
    justify-content: center;
    padding: 1vw 0;
}
.culture .box ul li .top>div {
    background-image: url(../images/images/item-bg.png);
    width: 8vw;
    height: 9.2vw;
    background-repeat: no-repeat;
    text-align: center;
    line-height: 9.2vw;
    font-size: 1.6vw;
    font-weight: bold;
    color: #fff;
}
.culture .box ul li .text {
    padding: 0 1.5vw;
    font-size: 0.9vw;
}

.team {
    width: 69vw;
    margin: 0 auto;
    margin-top: 6vw;
}
.team .title {
    color: #1092d8;
    text-align: center;
    margin-bottom: 3.25vw;
}
.team .title div {
    font-size: 1.6vw;
    margin-bottom: 1.2vw;
    font-weight: bold;
}
.team .box ul {
    display: flex;
    justify-content: space-between;
}
.team .box li {
    width: 25%;
    text-align: left;
}
.team .box li p{
    color: #40a8e0;
    font-size: 1.8vw;
    font-weight: bold;
    line-height: 2;
}
.team .box li div{
    color: #000;
    font-size: 0.8vw;
    line-height: 1.8;
}
/* 公司文化结束 */

/* 其他页面样式修改 */

/* 其他页面样式修改 */
/* @media only screen and (max-width: 1440px){
    .operate-l .button-login:first-child {
        margin-right: 13.5vw;
    }
    .header-l .header-container {
        width: 98%;
    }
    .footer .top .logo img {
        width: 80%;
    }
} */