html, body, header, section, footer, div, ul, ol, li, img, a, span, em, del, legend, center, strong, var, fieldset, form, label, dl, dt, dd, cite, input, hr, time, mark, code, figcaption, figure, textarea, h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    border: 0;
    padding: 0;
    font-style: normal;
    font-size: 14px;
    color: #3a3a3a;
}

html, body {
    font-family: "微软雅黑";
    min-width: 1200px;
    max-width: 2000px;
    -webkit-text-size-adjust: 100%;
    background-color: #fff;
    margin: auto;
    font-size: 14px;
}

nav, article, aside, details, main, header, footer, section, fieldset, figcaption, figure {
    display: block;
}

img, a, button, em, del, strong, var, label, cite, small, time, mark, code, textarea {
    display: inline-block;
}

header, section, footer {
    position: relative;
}

ol, ul {
    list-style: none;
}

input, button, textarea {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 1em;
    line-height: 1em;
    /*-webkit-appearance:none;*/
    background-color: rgba(0, 0, 0, 0);
}

span {
    display: inline-block;
}

a:active, a:hover, a:focus {
    outline: 0;
}

a, a:visited {
    text-decoration: none;
}

label, .wordWrap {
    word-wrap: break-word;
    word-break: break-all;
}

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

td, th {
    padding: 0;
}

img {
    vertical-align: middle;
}

pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*  多行文本显示省略号基础样式 */

.text-ellipsis {
    display: -webkit-box;
    /*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/
    text-overflow: ellipsis;
    /*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

/*  基础按钮样式 */

button:active {
    border: 0px;
    outline: none;
}

button:focus {
    outline: none;
}

button:hover {
    cursor: pointer;
}

/*  flex弹性布局的基础样式*/

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

.flex-row {
    /* 09版 */
    -webkit-box-orient: horizontal;
    /* 12版 */
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
}

.flex-column {
    /* 09版 */
    -webkit-box-orient: vertical;
    /* 12版 */
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}

.header-top {
    position: fixed;
    top: 0;
    min-width: 1024px;
    max-width: 2000px;
    width: 100%;
    z-index: 99;
}

.header-top-height {
    margin-top: 112px;
}

.header-top .icon-phone {
    background-color: #1b1b1b;
    overflow: auto;
    padding: 0 15%;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    border-bottom: 2px solid #fff;
}

.header-top .icon-phone span:first-child {
    color: #f7711f;
    padding: 8px 0;
    /* background: url("../images/icon_phone.png") no-repeat;
    background-position: center left;
    background-size: 12px 12px; */
}

.header-top .icon-phone .icon-qq,.header-top .icon-phone .icon-weixin {
    cursor: pointer;
    float: right;
    background-color: #f7711f;
}
.header-top .icon-phone .icon-qq {
    position: relative;
}
.header-top .icon-phone .icon-qq:before{
    position: absolute;
    width: 1px;
    right: 0;
    height: 70%;
    background: #ffffff;
    top: 15%;
}
.header-top .icon-phone .icon-weixin {
    /*margin-left: 24px;*/
}
.header-top .icon-phone .icon-weixin .erwei{
    /*margin-left: 24px;*/
    position: absolute;
    top: 46px;
    width: 120px;
    z-index: 9999;
    display: none;
    border: 8px solid #fff;
    background: #ffffff;
    box-shadow: 0 0 5px #CCCCCC;
}
.header-top .icon-phone .icon-weixin .erwei img{
    width: 100%;
}
.header-top .icon-phone .icon-weixin .erwei .img-tis{
    font-size: 12px;
    background: #ffffff;
    text-align: center;
    padding-top: 8px;
    font-weight: 600;
}
.header-top .icon-phone .icon-weixin .erwei .dalmenu_wixin{
    font-size: 13px;
    word-wrap:break-word;
    font-weight: 600;
    margin-bottom: 8px;
}
.header-top .icon-phone .icon-weixin:hover .erwei{
    display: block;
}
.header-top .icon-phone .icon-qq img,.header-top .icon-phone .icon-weixin a>img {
    width: 24px;
    height: 24px;
    margin: 11px 8px;
}

.header-top .icon-phone .icon-qq span,.header-top .icon-phone .icon-weixin a>span {
    padding: 8px 8px 8px 0px;
}

.header-top .icon-phone .icon-qq::after, .header-top .icon-phone .icon-qq::before,.header-top .icon-phone .icon-weixin::after, .header-top .icon-phone .icon-weixin::before {
    display: block;
    content: "";
    clear: both;
}

.header-top .nav {
    justify-content: space-between;
    align-content: center;
    align-items: center;
    padding: 0 6%;
    background-color: #fff;
}

.header-top .nav .logo {
    width: 244px;
    height: 60px;
}

.header-top .nav .logo-words {
    margin-left: -6px;
    vertical-align: middle;
    color: #333;
    font-size: 20px;
    font-weight: 300
}

.header-top .nav .nav-a {
    justify-content: flex-end;
    align-content: center;
    align-items: center;
}

.header-top .nav .nav-a a {
    padding: 42px 18px;
    font-size: 16px;
    color: #333333;
}

.header-top .nav .nav-a a.active {
    color: #000;
    /* background-color: #f7711f; */
}

.header-top .nav .nav-a a:hover {
    color: #fff;
    background-color: #f7711f;
}

.header-top .nav .nav-a .contact-us {
    margin-left: 18px;
}

/*-------------  二级下拉菜单 animation -------------------*/

.header-top .nav .nav-a .drop-cont {
    position: relative;
}

.header-top .nav .nav-a .drop-cont .drop-div {
    justify-content: space-between;
    align-items: center;
    display: none;
    position: fixed;
    box-sizing: border-box;
    left: 0;
    width: 100%;
    height: 50px;
    padding: 0 15%;
    background-color: #f3f3f3;
}

.header-top .nav .nav-a .drop-cont .drop-div .left-cont {
    width: 244px;
}

.header-top .nav .nav-a .drop-cont .drop {
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    width: 300px;
    height: 50px;
    background-color: #f3f3f3;
}

.header-top .nav .nav-a .drop-cont .drop li {
    opacity: 1;
}

.header-top .nav .nav-a .drop-cont:hover .drop-div {
    display: flex;
    display: -webkit-flex;
}

.header-top .nav .nav-a .drop-cont .drop li .a {
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    font-size: 16px;
    color: #484848;
    height: 50px;
    padding: 0 18px;
}

.header-top .nav .nav-a .drop-cont .drop li .a:hover {
    color: #e70;
    background-color: #fff;
}

/*  swiper轮播图  */

.column-1 {
    margin-top: 153px;
}

.column-1 .swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.column-1 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.column-1 .swiper-slide .img {
    width: 100%;
    height: auto;
}

.column-1 .swiper-slide .l-more {
    position: absolute;
    bottom: 17%;
    left: 14.2%;
    color: #f7711f;
    width: 6.5%;
    height: 6%;
    text-align: center;
    line-height: 200%;
    font-size: 100%;
    border: 1px solid #d3d3d5;
    border-radius: 40px;
}

.column-1 .swiper-button-next, .column-1 .swiper-button-prev {
    position: absolute;
    left: auto;
    top: initial;
    bottom: 65px;
    /*margin-top: -40px;*/
    z-index: 10;
    cursor: pointer;
    background-image:none;
    width: 15px;
    height: 22px;
    display: none;
    /*background-color: rgba(0, 0, 0, 0.71);*/
}

.column-1 .swiper-button-next:hover, .column-1 .swiper-button-prev:hover {
    /*background-color: #f7711f;*/
}

.column-1 .swiper-button-next {
    right: 43%;
    /*left: auto;*/
    /*top: initial;*/
    /*bottom: 0;*/
    background:none;
}

.column-1 .swiper-button-next:before, .column-1 .swiper-button-next:after, .column-1 .swiper-button-prev:before, .column-1 .swiper-button-prev:after {
    background-color: #fff;
}

.column-1 .swiper-button-next:hover:before, .column-1 .swiper-button-next:hover:after, .column-1 .swiper-button-prev:hover:before, .column-1 .swiper-button-prev:hover:after {
    background-color: #f7711f;
}

.column-1 .swiper-button-next:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    width: 15px;
    height: 2px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -moz-transform: rotate(45deg);
    /* Firefox */
    -webkit-transform: rotate(45deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(45deg);
    /* Opera */
}

.column-1 .swiper-button-next:after {
    content: '';
    position: absolute;
    top: 15px;
    left: 0;
    width: 15px;
    height: 2px;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    /* IE 9 */
    -moz-transform: rotate(-45deg);
    /* Firefox */
    -webkit-transform: rotate(-45deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(-45deg);
    /* Opera */
}

.column-1 .swiper-button-prev {
    left: 43%;
    right: auto;
}

.column-1 .swiper-button-prev:before {
    content: '';
    position: absolute;
    top: 5px;
     left:0;
    width: 15px;
    height: 2px;
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    /* IE 9 */
    -moz-transform: rotate(135deg);
    /* Firefox */
    -webkit-transform: rotate(135deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(135deg);
    /* Opera */
}

.column-1 .swiper-button-prev:after {
    content: '';
    position: absolute;
    top: 15px;
    left: 0;
    width: 15px;
    height: 2px;
    transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    /* IE 9 */
    -moz-transform: rotate(-135deg);
    /* Firefox */
    -webkit-transform: rotate(-135deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(-135deg);
    /* Opera */
}

.column-1 .pagination-cont {
    position: absolute;
    right: 15%;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    background-color: #f6f6f6;
}

.column-1 .pagination-cont span {
    font-size: 24px;
    font-weight: 600;
    color: #000106;
}

/*  每个栏目title的基础样式  */

.header-title {
    justify-content: center;
    align-content: center;
    align-items: center;
    width: 100%;
    /*margin-bottom: 30px;*/
    margin-top: 60px;
}

.header-title .english-text {
    font-size: 36px;
    font-weight: 600;
    color: #e6e6e6;
    z-index: 1;
    margin-top: -22px;
}

.header-title .english-text2 {
    color: #7f6803;
}

.header-title .chinese-text {
    font-size: 34px;
    color: #444;
    font-weight: 600;
    z-index: 10;
}

.header-title .img {
    width: 278px;
    height: 15px;
    margin-top: 6px;
}

.header-title .p {
    font-size: 16px;
    color: #A1A6AB;
    margin-top: 12px;
    text-align: center;
    line-height: 150%;
}

.header-title .p2 {
    color: #000000;
}

.s_down {
    box-shadow: 0 0 5px #888;
}

/*  第二栏  */

.column-2 {
    padding: 80px 0 50px 0;
}

.column-2 .content {
    position: relative;
    justify-content: center;
    align-content: center;
    align-items: center;
    width: 100%;
    padding: 40px 0 70px;
}

.column-2 .content .box {
    justify-content: center;
    align-content: center;
    align-items: center;
    margin: 0 10px;
}

.column-2 .content .box .img {
    position: relative;
    width: 301px;
    height: 150px;
    background-color: #161a26;
}
.column-2 .content .box .img img {
    position: absolute;
    width: 301px;
    height: 150px;
}
/*
.column-2 .content .box:nth-child(2) .img img {
    position: absolute;
    top: -24px;
    width: 301px;
    height: 174px;
}

.column-2 .content .box:nth-child(3) .img img {
    position: absolute;
    width: 301px;
    height: 195px;
}

.column-2 .content .box:nth-child(4) .img img {
    position: absolute;
    top: -24px;
    width: 301px;
    height: 168px;
}*/

.column-2 .content .box .text {
    justify-content: center;
    align-content: center;
    /*align-items: center;*/
    width: 211px;
    height: 70px;
    padding: 40px 45px;
    /*background-color: #f8f8f8;*/
    position: absolute;
    z-index: 10;
}

.column-2 .content .box:hover .text {
    /*background-color: #f7711f;*/
    color: #f7711f;
}

.column-2 .content .box:hover img {
    /*animation:ghostUpdown 3s linear infinite normal;*/
    /*-webkit-animation:ghostUpdown 3s linear infinite normal;*/
}

/*  图片漂浮动画  */

@keyframes ghostUpdown {
    0% {
        margin-top: 0;
    }
    25% {
        margin-top: 15px;
    }
    50% {
        margin-top: 0;
    }
    75% {
        margin-top: -15px;
    }
    100% {
        margin-top: 0;
    }
}

@-webkit-keyframes ghostUpdown {
    0% {
        margin-top: 0;
    }
    25% {
        margin-top: 15px;
    }
    50% {
        margin-top: 0;
    }
    75% {
        margin-top: -15px;
    }
    100% {
        margin-top: 0;
    }
}

.column-2 .content .box .text h3 {
    font-size: 20px;
    color: #fff;
}

.column-2 .content .box .text p {
    font-size: 14px;
    color:  #c7c7c7;
    line-height: 150%;
    margin-top: 5px;
}

.column-2 .content .box:hover .text h3 {
    color: #f7711f;
}
.column-2 .content .box:hover .text p {
    color: #fff;
}

.column-2 .content .six-add {
    position: absolute;
    bottom: 35px;
    left: 50%;
    margin-left: -37.5px;
}

/*  第三栏  */

.column-3 {
    width: 100%;
    padding: 40px 0;
    background: url("../images/column_3_bg.jpg") no-repeat;
    background-position: center center;
    /*background-size: 100% auto;*/
}

.column-3 .content {
    position: relative;
    justify-content: center;
    align-content: center;
    align-items: center;
    width: 100%;
    padding: 70px 0;
}

.column-3 .content .box {
    position: relative;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin: 0 5px;
}

.column-3 .content .box .img {
    position: relative;
    width: 231px;
    height: 220px;
}

.column-3 .content .box .img .img-icon {
    position: absolute;
    z-index: 1;
    animation: ghostUpdown 3s linear infinite normal;
    -webkit-animation: ghostUpdown 3s linear infinite normal;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.column-3 .content .box .img .img-bg {
    position: absolute;
    bottom: 0px;
}

.column-3 .content .box:nth-child(1) .img .img-icon {
    top: 0;
    left: 50%;
    margin-left: -90px;
    width: 180px;
}

.column-3 .content .box:nth-child(2) .img .img-icon {
    top: 0;
    left: 50%;
    margin-left: -122px;
    width: 246px;
}

.column-3 .content .box:nth-child(3) .img .img-icon {
    top: 0;
    left: 50%;
    margin-left: -104px;
    width: 210px;
}

.column-3 .content .box:nth-child(4) .img .img-icon {
    top: 0;
    left: 50%;
    margin-left: -104px;
    width: 210px;
}

.column-3 .content .box:nth-child(5) .img .img-icon {
    top: 0;
    left: 50%;
    margin-left: -104px;
    width: 210px;
}

.column-3 .content .box .text {
    position: relative;
    justify-content: center;
    align-content: center;
    align-items: center;
    width: 231px;
    height: 70px;
    padding-bottom: 20px;
    background-color: #f8f8f8;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.column-3 .content .box .text h3 {
    font-size: 16px;
    color: #000000;
}

.column-3 .content .box .text .footer-icon {
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 50%;
    bottom: -30px;
    width: 60px;
    height: 60px;
    margin-left: -30px;
    border-radius: 50%;
    background-color: #f7711f;
}

.column-3 .content .box .box-hover {
    position: absolute;
    bottom: 0;
    left: 0px;
    display: none;
    width: 231px;
    height: 270px;
    border-radius: 5px;
    background-color: #f7711f;
    z-index: 1;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 4s ease 0s;
}

.column-3 .content .box .box-hover .title-img {
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    position: absolute;
    top: -50px;
    left: 50%;
    margin-left: -50px;
    border-radius: 50%;
    background-color: #f7711f;
}

.column-3 .content .box .box-hover .title-img img {}

.column-3 .content .box .box-hover .cont-text {
    justify-content: center;
    /* align-items: center; */
    width: 181px;
    height: 225px;
    padding: 0 25px;
    margin-top: 45px;
}

.column-3 .content .box .box-hover .cont-text h3 {
    text-align: center;
    font-size: 22px;
    color: #fff;
}

.column-3 .content .box .box-hover .cont-text p {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    margin-top: 15px;
    padding: 0 8px;
    line-height: 150%;
    text-align: center;
}

.column-3 .content .box .box-hover .cont-text .btn {
    font-size: 13px;
    color: #fff;
    padding: 10px 20px;
    background-color: #000000;
    border-radius: 25px;
    margin-top: 35px;
}

.column-3 .content .box:nth-child(1):hover .img .img-icon, .column-3 .content .box:nth-child(1):hover .text .footer-icon, .column-3 .content .box:nth-child(2):hover .img .img-icon, .column-3 .content .box:nth-child(2):hover .text .footer-icon, .column-3 .content .box:nth-child(3):hover .img .img-icon, .column-3 .content .box:nth-child(3):hover .text .footer-icon, .column-3 .content .box:nth-child(4):hover .img .img-icon, .column-3 .content .box:nth-child(4):hover .text .footer-icon, .column-3 .content .box:nth-child(5):hover .img .img-icon, .column-3 .content .box:nth-child(5):hover .text .footer-icon {
    display: none;
}

.column-3 .content .box:nth-child(1):hover .box-hover, .column-3 .content .box:nth-child(2):hover .box-hover, .column-3 .content .box:nth-child(3):hover .box-hover, .column-3 .content .box:nth-child(4):hover .box-hover, .column-3 .content .box:nth-child(5):hover .box-hover {
    display: block;
    margin-top: 0;
    cursor: pointer;
}

/*  第四栏  */

.column-4 {
    position: relative;
    padding: 50px 0 0px 0;
    background-color: #fafafa;
    width: 100%;
}
.column-4 .top {
    width: 100%;
    margin-top: 40px;
    background: url(../images/content-bottom.png) no-repeat;
    background-position: bottom;
    background-size: 100% auto;
}

.column-4 .six-add {
position: absolute;
top: -34px;
left: 50%;
margin-left: -38px;
}

.column-4 .cont-img {
margin-top: -66px;
}

.column-4 .cont-img img {
width: 100%;
}

.column-4 .cont-process {
position: relative;
justify-content: center;
align-content: center;
align-items: center;
margin-bottom: 30px;
}

/*.column-4 .cont-process:nth-child(3){
margin-top: 85px;
margin-bottom: 58px;
}*/

.column-4 .cont-process:nth-child(2) {
    margin-top: 85px;
    margin-bottom: 58px;
}

.column-4 .cont-process .li-cont {
    justify-content: center;
    align-content: center;
    align-items: center;
    position: relative;
}

.column-4 .cont-process .process-li {
    position: relative;
    width: 140px;
    padding: 10px 10px;
    z-index: 2;
    background-color: #fafafa;
}

.column-4 .cont-process .process-li .title {
    font-size: 16px;
    font-weight: 600;
    color: #565656;
}

.column-4 .cont-process .process-li .text {
    font-size: 14px;
    color: #868686;
    margin-top: 10px;
    line-height: 130%;
}

/*  流程指标  */

.column-4 .cont-process .icon-process {
    position: relative;
    width: 30px;
    height: 30px;
    border: 2px solid #000;
    border-radius: 50%;
    margin: 0 25px;
    background-color: #fafafa;
    z-index: 2;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.column-4 .cont-process .icon-process:before, .column-4 .cont-process .icon-process:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 2px;
    background-color: #000;
    z-index: 2;
    top: 50%;
    left: 50%;
}

.column-4 .cont-process .li-cont:hover {
    cursor: pointer;
}

.column-4 .cont-process .li-cont:hover .icon-process {
    border: 2px solid #f7711f;
    background-color: #f7711f;
}

.column-4 .cont-process .li-cont:hover .process-li .title {
    color: #313131;
    font-weight: bold;
}

.column-4 .cont-process .li-cont:hover .process-li .text {
    color: #5b5b5b;
}

.column-4 .cont-process .li-cont:hover .icon-process:before, .column-4 .cont-process .li-cont:hover .icon-process:after {
    background-color: #fff;
}

.column-4 .cont-process .icon-process:before {
    margin: -4px 0 0 -4px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -moz-transform: rotate(45deg);
    /* Firefox */
    -webkit-transform: rotate(45deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(45deg);
    /* Opera */
}

.column-4 .cont-process .icon-process:after {
    margin: 3px 0 0 -4px;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    /* IE 9 */
    -moz-transform: rotate(-45deg);
    /* Firefox */
    -webkit-transform: rotate(-45deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(-45deg);
    /* Opera */
}

.column-4 .cont-process .icon-process-right {
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    /* IE 9 */
    -moz-transform: rotate(-45deg);
    /* Firefox */
    -webkit-transform: rotate(-45deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(-45deg);
    /* Opera */
}

.column-4 .cont-process .icon-process2 {
    transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    /* IE 9 */
    -moz-transform: rotate(-180deg);
    /* Firefox */
    -webkit-transform: rotate(-180deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(-180deg);
    /* Opera */
}

/*  半圆虚线  */

.column-4 .cont-process .Dotted-line {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -650px;
    height: 150px;
    width: 150px;
    border-top: 1px dashed #92949a;
    border-left: 1px dashed #92949a;
    border-bottom: 1px dashed #92949a;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    z-index: 0;
}

.column-4 .cont-process .Dotted-line img {
    position: absolute;
    top: -46px;
    right: -230px;
}

.column-4 .cont-process .Dotted-line:before {
    content: '';
    position: absolute;
    top: -1px;
    right: -180px;
    width: 180px;
    border-top: 1px dashed #92949a;
}

.column-4 .cont-process .Dotted-line2 {
    position: absolute;
    top: 50%;
    right: 50%;
    margin-right: -650px;
    height: 152.8px;
    width: 150px;
    border-top: 1px dashed #92949a;
    border-right: 1px dashed #92949a;
    border-bottom: 1px dashed #92949a;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    z-index: 0;
}

.column-4 .cont-process .process-li:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    height: 0px;
    width: 104px;
    border-top: 1px dashed #92949a;
    z-index: 0;
}

/*.column-4 .cont-process:nth-child(3) .li-cont:nth-child(6) .process-li:after{
    content: '';
    position: absolute;
    border-top: 0px dashed #92949a;
}
.column-4 .cont-process:nth-child(3) .li-cont:nth-child(6) .icon-process2{
    position: absolute;
    top: 177px;
    left: 45px;
    z-index: 3;
}*/

.column-4 .cont-process:nth-child(2) .li-cont:nth-child(6) .process-li:after {
    content: '';
    position: absolute;
    border-top: 0px dashed #92949a;
}

.column-4 .cont-process:nth-child(2) .li-cont:nth-child(6) .icon-process2 {
    position: absolute;
    top: 177px;
    left: 45px;
    z-index: 3;
}

/*.column-4 .cont-process:nth-child(4) .process-li:nth-child(1):before{
    content: '';
    position: absolute;
    top: 50%;
    left: -304px;
    height: 0px;
    width: 304px;
    border-top: 1px dashed #92949a;
    z-index: 0;
}*/

.column-4 .cont-process:nth-child(3) .process-li:nth-child(1):before {
    content: '';
    position: absolute;
    top: 50%;
    left: -304px;
    height: 0px;
    width: 304px;
    border-top: 1px dashed #92949a;
    z-index: 0;
}

/*  第五栏  */

.column-5 {
    position: relative;
    padding: 50px 0;
    background: url("../images/column_5_bg.png") no-repeat;
    background-position: center center;
    margin-bottom: 100px;
    /*background-size: 100% auto;*/
}

.column-5 .content {
    position: relative;
    justify-content: center;
    align-items: center;
    margin: 50px 0 -100px 0;
    z-index: 2;
}

.column-5 .content:before {
    content: '';
    position: absolute;
    top: 25px;
    left: 50%;
    margin-left: -617px;
    width: 1234px;
    height: 250px;
    background-color: rgba(218, 216, 216, 0.5);
}

.column-5 .content:after {
    content: '';
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -642px;
    width: 1284px;
    height: 200px;
    background-color: rgba(230, 228, 228, 0.5);
}

.column-5 .right-cont {
    width: 592px;
    height: 300px;
}

.column-5 .left-cont {
    width: 430px;
    height: 300px;
    padding: 0 81px;
    justify-content: center;
    align-content: flex-start;
    background-color: #fafafa;
    z-index: 1;
}

.column-5 .left-cont .title-text {
    position: relative;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0;
}

.column-5 .left-cont .title-text:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2.5px;
    width: 45px;
    height: 5px;
    background-color: #000;
}

.column-5 .left-cont .title-text span {
    font-size: 24px;
    color: #000106;
    font-weight: 600;
}

.column-5 .left-cont .title-text span:nth-child(2) {
    color: #cbcccd;
    font-weight: 500;
}

.column-5 .left-cont .p {
    font-size: 16px;
    color: #000;
    padding: 25px 0;
    line-height: 150%;
}

.column-5 .left-cont .wechat-name {
    justify-content: center;
    align-content: center;
    align-items: center;
    width: 85px;
    height: 37px;
    background: url("../images/icon_wechat_name.png") no-repeat;
    background-position: center center;
    background-size: 85px 37px;
}

.column-5 .left-cont .wechat-name span {
    font-size: 16px;
    /* color: #ffd904; */
    color: #f7711f;
    margin-bottom: 5px;
}

.column-5 .swiper-container {
    height: 300px;
}

.column-5 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.column-5 .swiper-pagination {
    text-align: right;
}

.column-5 .swiper-pagination-bullet {
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    background: #767170;
    color: #fff;
    opacity: 1;
    text-align: center;
    border-radius: inherit;
}

.column-5 .swiper-pagination-bullet-active {
    opacity: 1;
    /* background: #ffd904; */
    background: #f7711f;
    color: #000;
}

/*  第六栏  */

.column-6 {
    padding: 50px 0;
}

.column-6 .content .six-list {
    justify-content: center;
    align-content: center;
    align-items: center;
    margin-top: 60px;
}

.column-6 .content .six-list:nth-child(2) {
    margin-top: 50px;
}

.column-6 .content .six-list .hexagon {
    width: 160px;
    height: 100px;
    background-color: #ededed;
    position: relative;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin: 0 5px;
}

.column-6 .content .six-list .hexagon:before {
    content: "";
    position: absolute;
    top: -40px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 80px solid transparent;
    border-right: 80px solid transparent;
    border-bottom: 40px solid #ededed;
}

.column-6 .content .six-list .hexagon:after {
    content: "";
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 80px solid transparent;
    border-right: 80px solid transparent;
    border-top: 40px solid #ededed;
}

.column-6 .content .six-list .hexagon2 {
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 93px;
    background-color: #fff;
    position: relative;
}

.column-6 .content .six-list .hexagon2:before {
    content: "";
    position: absolute;
    top: -37.5px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 75px solid transparent;
    border-right: 75px solid transparent;
    border-bottom: 37.5px solid #fff;
}

.column-6 .content .six-list .hexagon2:after {
    content: "";
    position: absolute;
    bottom: -37.5px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 75px solid transparent;
    border-right: 75px solid transparent;
    border-top: 37.5px solid #fff;
    z-index: 2;
}

.column-6 .content .six-list .hexagon:hover {
    background-color: #000;
}

.column-6 .content .six-list .hexagon:hover:before {
    border-bottom: 40px solid #000;
}

.column-6 .content .six-list .hexagon:hover:after {
    border-top: 40px solid #000;
}

.column-6 .content .six-list .hexagon:hover .hexagon2 {
    background-color: #f7711f;
}

.column-6 .content .six-list .hexagon:hover .hexagon2:before {
    border-bottom: 37.5px solid #f7711f;
}

.column-6 .content .six-list .hexagon:hover .hexagon2:after {
    border-top: 37.5px solid #f7711f;
}

.column-6 .idea-cont {
    position: relative;
    margin-top: 150px;
    justify-content: center;
    align-items: center;
}

.column-6 .idea-cont .content {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 357px;
    /*padding: 0 250px;*/
    background: url("../images/coloumn_idea_bg.jpg") no-repeat;
    background-position: center center;
    background-size: 100% auto;
}

.column-6 .idea-cont .content img {
    width: 1807px;
    height: 357px;
}

.column-6 .idea-cont .content .tijiao-idea {
    position: absolute;
    justify-content: center;
    align-items: flex-start;
    width: 600px;
    height: 407px;
    top: -25px;
    left: 16%;
    background-color: #4b4b4b;
    padding: 0 50px;
}

.column-6 .idea-cont .content .tijiao-idea .title {
    font-size: 34px;
    color: #fff;
    margin-bottom: 20px;
}

.column-6 .idea-cont .content .tijiao-idea .title span {
    font-size: 34px;
    color: #666666;
    font-weight: 300;
}

.column-6 .idea-cont .content .tijiao-idea .input {
    /*margin-top: 30px;*/
}


.column-6 .idea-cont .content .tijiao-idea .input input {
    width: 258px;
    padding: 10px 15px;
    border: 1px solid #6e6e6e;
    border-radius: 5px;
    color: #fff;
}

.column-6 .idea-cont .content .tijiao-idea .input input:hover, .column-6 .idea-cont .content .tijiao-idea .textarea:hover {
    /* border: 1px solid #e5c40c; */
    border: 1px solid #f7711f;
}

.column-6 .idea-cont .content .tijiao-idea .input input {
    margin: 0px 20px 10px 0;
}
.column-6 .idea-cont .content .tijiao-idea .input:nth-child(3) {
    margin-top: 10px;
}

.column-6 .idea-cont .content .tijiao-idea .textarea {
    /*margin-top: 10px;*/
    width: 570px;
    height: 50px;
    padding: 10px 15px;
    border: 1px solid #6e6e6e;
    border-radius: 5px;
    color: #fff;
}

.column-6 .idea-cont .content .tijiao-idea form {
    position: relative;
}

.column-6 .idea-cont .content .tijiao-idea .subform {
    position: absolute;
    left: 0;
    bottom: -42px;
    width: 150px;
    font-size: 14px;
    color: #fff;
    background-color: #f7711f;
    padding: 10px 20px;
    border-radius: 5px;
    margin-top: 20px;
}

.column-6 .idea-cont .content .right-cont {
    /*margin-right: 12%;*/
    margin-left: 36%;
}

.column-6 .idea-cont .content .right-cont .title {
    margin-bottom: 20px;
}

.column-6 .idea-cont .content .right-cont .title .left-text {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.column-6 .idea-cont .content .right-cont .title .left-text .maohao {
    font-size: 50px;
    font-weight: 600;
    color: #f7711f;
}

.column-6 .idea-cont .content .right-cont .title .left-text .shu {
    border-radius: 8px;
    padding: 5px;
    background-color: #2a2b2c;
    font-size: 60px;
    font-weight: 600;
    color: #f7711f;
    margin-right: 3px;
}

.column-6 .idea-cont .content .right-cont .title .right-text {
    justify-content: center;
    margin-left: 10px;
}

.column-6 .idea-cont .content .right-cont .title .right-text h3 {
    font-size: 30px;
    font-weight: 600;
    color: #f7711f;
}

.column-6 .idea-cont .content .right-cont .title .right-text p {
    font-size: 20px;
    font-weight: 600;
    color: #f7711f;
}

.column-6 .idea-cont .content .right-cont .text-cont {
    justify-content: space-around;
    align-items: flex-end;
    border-top: 1px solid #5d5b5b;
}

.column-6 .idea-cont .content .right-cont .text-cont .lianxi h3 {
    font-size: 20px;
    color: #fff;
    padding: 20px 0 17px 0;
}

.column-6 .idea-cont .content .right-cont .text-cont .lianxi h3 span {
    font-size: 20px;
    color: #5d5a5a;
    font-weight: 300;
}

.column-6 .idea-cont .content .right-cont .text-cont .lianxi p {
    font-size: 14px;
    color: #fff;
    padding: 3px 0;
}

.column-6 .idea-cont .content .right-cont .text-cont .btn {
    font-size: 14px;
    padding: 5px 10px;
    color: #fff;
    border-radius: 10px;
    background-color: #2e2f2f;
    margin: 0 0 15px 15px;
}

/*  第七栏  */

.column-7 {
    padding-bottom: 40px;
}

.column-7 .title-tab {
    justify-content: center;
    align-items: center;
    margin: 30px 0 15px 0;
}

.column-7 .title-tab .left-span, .column-7 .title-tab .right-span {
    position: relative;
    justify-content: center;
    align-items: center;
    font-size: 21px;
    font-weight: 600;
    padding: 0px 30px;
    height: 54px;
}

.column-7 .title-tab .left-span {
    color: #2d2d2d;
    background-color: #f7711f;
    margin-right: -20px;
}

.column-7 .title-tab .left-span:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: -13.5px;
    width: 0;
    height: 0;
    border-bottom: 27px solid transparent;
    border-right: 13.5px solid #f7711f;
    border-top: 27px solid transparent;
}

.column-7 .title-tab .right-span {
    color: #636363;
    background-color: #f3f3f3;
    margin-left: -20px;
}

.column-7 .title-tab .right-span:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -13.5px;
    width: 0;
    height: 0;
    border-bottom: 27px solid transparent;
    border-left: 13.5px solid #f3f3f3;
    border-top: 27px solid transparent;
}

.column-7 .title-tab img {
    z-index: 2;
}

.column-7 .content {
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.column-7 .content .left-cont {
    justify-content: center;
    align-items: flex-start;
    margin-right: 15px;
    margin-top: 40px;
}

.column-7 .content .left-cont img {
    width: 211px;
    height: 142px;
}

.column-7 .content .left-cont .li-text {
    justify-content: center;
    align-items: center;
    height: 142px;
}

.column-7 .content .left-cont .li-text:nth-child(1) {
    margin-bottom: 15px;
}

.column-7 .content .left-cont .li-text .text {
    justify-content: center;
    align-items: flex-start;
    width: 315px;
    height: 142px;
    padding: 0 40px;
    background-color: #f8f8f8;
}

.column-7 .content .left-cont .li-text .text:hover {
    background-color: #f7711f;
}

.column-7 .content .left-cont .li-text .text h3 {
    font-size: 17px;
    color: #2d2d2d;
    width: 100%;
}

.column-7 .content .left-cont .li-text .text .time {
    font-size: 14px;
    color: #9b7c1f;
    margin: 8px 0;
}

.column-7 .content .left-cont .li-text .text .text-p {
    font-size: 14px;
    color: #373737;
    line-height: 130%;
    width: 100%;
}

.column-7 .content .right-cont {
    width: 606px;
    height: 299px;
}

/* 轮播图 */

.column-7 .content .right-cont .swiper-container {
    width: 100%;
    height: 100%;
}

.column-7 .content .right-cont .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.column-7 .content .right-cont .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #747273;
    opacity: .2
}

.column-7 .content .right-cont .swiper-pagination-bullet-active {
    opacity: 1;
    background: #ffd904
}

/*  第八栏  */

.column-8 {
    position: relative;
    justify-content: center;
    align-items: center;
    height: 300px;
    padding: 87px 0 0px 0;
    /*margin: 80px 0 0 0;*/
    background-color: #f7711f;
    background: url(../images/foooter_bg.png) no-repeat;
    background-position: top center;
    /*background-size: 100% 100%;*/
    z-index: 2;
}

/*.column-8:before{*/

/*position: absolute;*/

/*top: -50px;*/

/*left: 0;*/

/*content: '';*/

/*width: 100%;*/

/*height: 100px;*/

/*border-radius:0 0 100% 100% / 0 0 100% 100%;*/

/*background-color: #ffffff;*/

/*}*/

/*.column-8:after{*/

/*position: absolute;*/

/*bottom: -50px;*/

/*left: 0;*/

/*content: '';*/

/*width: 100%;*/

/*height: 100px;*/

/*border-radius:0 0 100% 100% / 0 0 100% 100%;*/

/*background-color: #f7711f;*/

/*z-index: 1;*/

/*}*/

.column-8 .left-cont {
    margin-right: 260px;
}

.column-8 .left-cont .cont-text {
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 30px;
}

.column-8 .left-cont .cont-text .text h3 {
    font-size: 19px;
    color: #333333;
}

.column-8 .left-cont .cont-text img {
    margin: -8px 12px 0 0;
}

.column-8 .left-cont .cont-text .text {
    padding-left: 56px;
}

.column-8 .left-cont .cont-text .text img {
    margin-left: -56px;
}

.column-8 .left-cont .cont-text .text p {
    font-size: 14px;
    color: #000000;
    font-weight: 600;
}

.column-8 .left-cont .cont-text .text .p1 {
    margin: 5px 0;
}

.column-8 .left-cont .cont-text .text .p2 {
    font-size: 13px;
    color: #332701;
    /* color: #fff; */
    margin-left: -14px;
    font-weight: inherit;
}

.column-8 .right-cont {
    position: relative;
    justify-content: space-around;
    align-items: flex-start;
    width: 600px;
    height: 169px;
}

.column-8 .right-cont .shouye, .column-8 .right-cont .anli {
    justify-content: center;
    align-content: center;
    width: 200px;
    /* margin-left: 400px; */
}

.column-8 .right-cont .shouye {
    /* position: absolute;
    left: -40px; */
}

.column-8 .right-cont .anli {
    position: absolute;
    right: -80px;
}

/* fooot color */

.column-8 .right-cont .shouye h3, .column-8 .right-cont .anli h3 {
    font-size: 16px;
    color: #000;
    margin-bottom: 15px;
}

.column-8 .right-cont .shouye a, .column-8 .right-cont .anli a {
    position: relative;
    font-size: 14px;
    color: #000;
    margin-bottom: 10px;
    transition: all 0.5s ease-in-out;
}

.column-8 .right-cont .shouye a:before, .column-8 .right-cont .anli a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -10px;
    width: 0;
    height: 0;
    margin-top: -5px;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #fff;
    border-top: 5px solid transparent;
}

.column-8 .right-cont .shouye a:hover, .column-8 .right-cont .anli a:hover {
    margin-left: 15px;
    font-weight: 600;
    cursor: pointer;
}

.column-8 .right-cont .shouye a:hover:before, .column-8 .right-cont .anli a:hover:before {
    border-left: 5px solid #000;
}

.column-8 .right-cont .cont-code {
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #000;
}

.column-8 .right-cont .cont-code img {
    margin-bottom: 10px;
}

/* 第九栏 */

/* add推荐列表 */

.column-9 {
    position: relative;
    padding: 50px 0 50px 0;
    background-color: #fff;
}

.column-9 .six-add {
    position: absolute;
    top: -34px;
    left: 50%;
    margin-left: -38px;
}

.column-9 .content {
    position: relative;
    /* justify-content: center; */
    align-items: center;
    width: 100%;
    margin: 16px 0 23px;
}

.column-9 .contents {
    position: relative;
    width: 1180px;
    margin: auto;
}

.column-9 .swiper-container {
    width: 1180px;
    height: 100%;
    margin-top: 10px;
    padding: 18px;
    margin-left: -18px;
}

.column-9 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.column-9 .slide-li {
    position: relative;
    width: 350px;
    padding: 15px;
    text-align: left;
    transition: all 1s ease 0s;
    background: rgba(250, 250, 250, 1);
    border: 1px solid rgba(229, 229, 229, 1)
}

.column-9 .slide-li:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0px;
    height: 5px;
    background-color: transparent;
    transition: all 1s ease 0s;
}

.column-9 .slide-li:hover:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -190px;
    width: 380px;
    height: 5px;
    /* background-color: #ffc000; */
    background-color: #f7711f;
}

.column-9 .slide-li:hover {
    cursor: pointer;
    box-shadow: 0px 9px 22px 0px rgba(0, 0, 0, 0.19);
    z-index: 2;
}

.column-9 .li-img-box {
    width: 350px;
    height: 208px;
    overflow: hidden;
}

.column-9 .slide-li h3 {
    font-size: 18px;
    color: #000106;
    margin-top: 25px;
}

.column-9 .slide-li p {
    font-size: 14px;
    color: #616163;
    margin-top: 8px;
    line-height: 150%;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.column-9 .contents .button-next, .column-9 .contents .button-prev {
    position: absolute;
    top: 50%;
    margin-top: -45.5px;
    z-index: 10;
    cursor: pointer;
    outline: none;
}

.column-9 .contents .button-next {
    right: -55px;
}

.column-9 .contents .button-prev {
    left: -60px;
}

/*  底部  */

.html-footer {
    position: relative;
    justify-content: center;
    align-items: center;
    height: 100px;
    padding-top: 60px;
    margin-top: -60px;
    background-color: #1e1e1e;
}

.html-footer span {
    font-size: 16px;
    color: #f7711f;
}

.html-footer:before {
    content: "";
    position: absolute;
    top: 50px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -30px;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #fc8136;
}

/*  文字跳动动画  */

.font-animate>span {
    animation-name: fontanimate;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    cursor: pointer;
}

.font-animate>span:nth-child(1) {
    animation-delay: 0.0s
}

.font-animate>span:nth-child(2) {
    animation-delay: 0.1s
}

.font-animate>span:nth-child(3) {
    animation-delay: 0.2s
}

.font-animate>span:nth-child(4) {
    animation-delay: 0.3s
}

@keyframes fontanimate {
    from, 20%, 53%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transform: translate3d(0, 0.5, 0.1);
    }
    40%, 43% {
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transform: translate3d(0px, -10px, 0);
    }
}

/* app_Development.css  */

/*  app_Development的标题  */

.app-header-title {
    justify-content: center;
    align-items: center;
    height: 35px;
}

.app-header-title .h3 {
    position: relative;
    font-size: 31px;
    color: #373737;
    font-weight: bold;
    padding-right: 10px;
    margin-right: 11px;
    line-height: 33px;
    height: 35px;
}

.app-header-title .h3:after {
    content: '';
    position: absolute;
    top: 4px;
    right: 0px;
    width: 1px;
    height: 30px;
    background-color: #d6d6d6;
}

.app-header-title .english-text {
    justify-content: space-between;
    align-items: flex-start;
    height: 35px;
}

.app-header-title .english-text .span {
    font-size: 14px;
    color: #7f8082;
    padding: 0;
    line-height: 19px;
}

.app-column-1 img {
    width: 100%;
    height: auto;
}

.app-column-2 {
    justify-content: flex-end;
    align-items: center;
    background: url("../images/app_Development/column_2_bg.jpg") no-repeat;
    background-position: center left;
    background-size: auto 100%;
}

.app-column-2 .content {
    width: 63%;
    padding: 0 0 65px 10%;
    background-color: #fff;
}

.app-column-2 .content .column-2-title {
    justify-content: flex-start;
    padding: 60px 0;
}

.app-column-2 .content .li-text {
    position: relative;
    justify-content: center;
    padding-left: 70px;
    height: 120px;
    border-left: 1px dashed #dddddd;
    border-bottom: 1px dashed #dddddd;
    background-color: #fefefe;
    transition: all 1s ease 0s;
}

.app-column-2 .content .li-text .hexagon {
    width: 80px;
    height: 45px;
    background-color: #fbd70f;
    position: absolute;
    left: -40px;
    font-size: 40px;
    color: #0b0b0b;
    font-weight: bold;
    justify-content: center;
    align-content: center;
    align-items: center;
    transition: all 1s ease 0s;
}

.app-column-2 .content .li-text .hexagon:before {
    content: "";
    position: absolute;
    top: -24px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 24px solid #fbd70f;
    transition: all 1s ease 0s;
}

.app-column-2 .content .li-text .hexagon:after {
    content: "";
    position: absolute;
    bottom: -24px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 24px solid #fbd70f;
    transition: all 1s ease 0s;
}

.app-column-2 .content .li-text:nth-child(2) {
    border-top: 1px dashed #dddddd;
}

.app-column-2 .content .li-text:nth-child(3), .app-column-2 .content .li-text:nth-child(5), .app-column-2 .content .li-text:nth-child(7) {
    background-color: #f5f5f5;
}

.app-column-2 .content .li-text .p1 {
    font-size: 16px;
    font-weight: bold;
    color: #373737;
    transition: all 1s ease 0s;
}

.app-column-2 .content .li-text .p2 {
    font-size: 14px;
    color: #959595;
    margin-top: 10px;
    transition: all 1s ease 0s;
}

/*  li-text的伪类效果  */

.app-column-2 .content .li-text:hover {
    cursor: pointer;
    z-index: 2;
    box-shadow: 0px 21px 31px #d2d2d2;
}

.app-column-2 .content .li-text:hover .hexagon, .app-column-2 .content .li-text:hover .p1, .app-column-2 .content .li-text:hover .p2 {
    margin-left: -20px;
}

.app-column-2 .content .li-text:hover .hexagon {
    color: #fbd70f;
    background-color: #0b0b0b;
}

.app-column-2 .content .li-text:hover .hexagon:before {
    border-bottom: 24px solid #0b0b0b;
}

.app-column-2 .content .li-text:hover .hexagon:after {
    border-top: 24px solid #0b0b0b;
}

.app-column-3 {
    justify-content: center;
    align-items: center;
    background-color: #faf7e7;
    padding: 60px 0 80px 0;
    overflow: hidden;
}

.app-column-3 .left-content {
    position: relative;
}

.app-column-3 .Triangle-bg {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 80px solid transparent;
    border-right: 80px solid transparent;
    border-bottom: 140px solid #ffca14;
}

.app-column-3 .deformation {
    top: 0px;
    left: -145px;
    transform: rotate(15deg) scale(0.2);
    -ms-transform: rotate(15deg) scale(0.2);
    /* IE 9 */
    -moz-transform: rotate(15deg) scale(0.2);
    /* Firefox */
    -webkit-transform: rotate(15deg) scale(0.2);
    /* Safari 和 Chrome */
    -o-transform: rotate(15deg) scale(0.2);
    /* Opera */
}

.app-column-3 .deformation2 {
    top: 424px;
    left: -193px;
    transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    /* IE 9 */
    -moz-transform: rotate(15deg);
    /* Firefox */
    -webkit-transform: rotate(15deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(15deg);
    /* Opera */
}

.app-column-3 .deformation3 {
    top: 518px;
    left: 600px;
    transform: rotate(15deg) scale(0.5);
    -ms-transform: rotate(15deg) scale(0.5);
    /* IE 9 */
    -moz-transform: rotate(15deg) scale(0.5);
    /* Firefox */
    -webkit-transform: rotate(15deg) scale(0.5);
    /* Safari 和 Chrome */
    -o-transform: rotate(15deg) scale(0.5);
    /* Opera */
}

.app-column-3 .deformation4 {
    top: 600px;
    left: 700px;
    transform: rotate(-15deg) scale(0.2);
    -ms-transform: rotate(-15deg) scale(0.2);
    /* IE 9 */
    -moz-transform: rotate(-15deg) scale(0.2);
    /* Firefox */
    -webkit-transform: rotate(-15deg) scale(0.2);
    /* Safari 和 Chrome */
    -o-transform: rotate(-15deg) scale(0.2);
    /* Opera */
}

.app-column-3 .deformation5 {
    top: -45px;
    right: -145px;
    transform: rotate(-54deg) scale(0.2);
    -ms-transform: rotate(-54deg) scale(0.2);
    /* IE 9 */
    -moz-transform: rotate(-54deg) scale(0.2);
    /* Firefox */
    -webkit-transform: rotate(-54deg) scale(0.2);
    /* Safari 和 Chrome */
    -o-transform: rotate(-54deg) scale(0.2);
    /* Opera */
}

.app-column-3 .left-content .cont-up {
    /*position: relative;*/
}

.app-column-3 .left-content .cont-down {
    /*position: relative;*/
    margin: 38px 32px 32px 32px;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -moz-transform: rotate(180deg);
    /* Firefox */
    -webkit-transform: rotate(180deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(180deg);
    /* Opera */
}

.app-column-3 .left-content .triangle-up, .app-column-3 .left-content .triangle-up2, .app-column-3 .left-content .triangle-up3, .app-column-3 .left-content .triangle-up4 {
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    width: 160px;
    height: 160px;
    z-index: 1;
}

.app-column-3 .left-content .triangle-up span, .app-column-3 .left-content .triangle-up2 span, .app-column-3 .left-content .triangle-up3 span, .app-column-3 .left-content .triangle-up4 span, .app-column-3 .left-content .trapezoid span {
    font-size: 21px;
    color: #fff;
    margin-top: 5px;
}

/*  三角形  */

.app-column-3 .left-content .triangle-up:before {
    position: absolute;
    content: '';
    /*top: -11px;*/
    width: 0;
    height: 0;
    border-left: 85px solid transparent;
    border-right: 85px solid transparent;
    border-bottom: 147px solid #ffb400;
    z-index: -2;
}

.app-column-3 .left-content .triangle-up:after {
    position: absolute;
    content: '';
    top: 12px;
    width: 0;
    height: 0;
    border-left: 80px solid transparent;
    border-right: 80px solid transparent;
    border-bottom: 140px solid #ffb400;
    z-index: -1;
}

.app-column-3 .left-content .triangle-up2:before {
    position: absolute;
    content: '';
    top: 22px;
    width: 0;
    height: 0;
    border-left: 85px solid transparent;
    border-right: 85px solid transparent;
    border-top: 147px solid #ff9c00;
    z-index: -2;
}

.app-column-3 .left-content .triangle-up2:after {
    position: absolute;
    content: '';
    top: 25px;
    width: 0;
    height: 0;
    border-left: 80px solid transparent;
    border-right: 80px solid transparent;
    border-top: 140px solid #ff9c00;
    z-index: -1;
}

.app-column-3 .left-content .triangle-up3:before {
    position: absolute;
    content: '';
    /*top: -11px;*/
    width: 0;
    height: 0;
    border-left: 85px solid transparent;
    border-right: 85px solid transparent;
    border-bottom: 147px solid #ff9c00;
    z-index: -2;
}

.app-column-3 .left-content .triangle-up3:after {
    position: absolute;
    content: '';
    top: 12px;
    width: 0;
    height: 0;
    border-left: 80px solid transparent;
    border-right: 80px solid transparent;
    border-bottom: 140px solid #ff9c00;
    z-index: -1;
}

.app-column-3 .left-content .triangle-up4:before {
    position: absolute;
    content: '';
    top: 22px;
    width: 0;
    height: 0;
    border-left: 85px solid transparent;
    border-right: 85px solid transparent;
    border-top: 147px solid #ffb400;
    z-index: -2;
}

.app-column-3 .left-content .triangle-up4:after {
    position: absolute;
    content: '';
    top: 25px;
    width: 0;
    height: 0;
    border-left: 80px solid transparent;
    border-right: 80px solid transparent;
    border-top: 140px solid #ffb400;
    z-index: -1;
}

.app-column-3 .left-content .triangle-move1 {
    top: 175px;
    left: 176px;
}

.app-column-3 .left-content .triangle-move2 {
    top: 160px;
    left: 260px;
}

.app-column-3 .left-content .triangle-move3 {
    top: 175px;
    left: 343px;
}

.app-column-3 .left-content .triangle-move1 label, .app-column-3 .left-content .triangle-move3 label {
    margin-top: 35px
}

.app-column-3 .left-content .cont-down .triangle-up label, .app-column-3 .left-content .cont-down .triangle-up2 label, .app-column-3 .left-content .cont-down .triangle-up3 label, .app-column-3 .left-content .cont-down .triangle-up4 label {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -moz-transform: rotate(180deg);
    /* Firefox */
    -webkit-transform: rotate(180deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(180deg);
    /* Opera */
}

.app-column-3 .left-content .triangle-up:hover, .app-column-3 .left-content .triangle-up2:hover, .app-column-3 .left-content .triangle-up3:hover, .app-column-3 .left-content .triangle-up4:hover {
    z-index: 2;
    cursor: pointer;
}

.app-column-3 .left-content .triangle-up:hover:before, .app-column-3 .left-content .triangle-up3:hover:before {
    border-bottom: 147px solid #fff;
}

.app-column-3 .left-content .triangle-up2:hover:before, .app-column-3 .left-content .triangle-up4:hover:before {
    border-top: 147px solid #fff;
}

.app-column-3 .left-content .triangle-up:hover:after, .app-column-3 .left-content .triangle-up3:hover:after {
    border-bottom: 140px solid #434343;
}

.app-column-3 .left-content .triangle-up2:hover:after, .app-column-3 .left-content .triangle-up4:hover:after {
    border-top: 140px solid #434343;
}

/*  梯形  */

.app-column-3 .left-content .trapezoid {
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    width: 160px;
    height: 160px;
    z-index: 1;
}

.app-column-3 .left-content .trapezoid:before {
    content: '';
    position: absolute;
    top: -2.5px;
    left: -90px;
    border-bottom: 147px solid #ffb400;
    border-left: 85px solid transparent;
    border-right: 85px solid transparent;
    height: 0;
    width: 170px;
    z-index: -2;
}

.app-column-3 .left-content .cont-up .trapezoid:nth-child(4):before, .app-column-3 .left-content .cont-up .trapezoid:nth-child(6):before, .app-column-3 .left-content .cont-down .trapezoid:nth-child(5):before {
    border-bottom: 147px solid #ff9c00;
}

.app-column-3 .left-content .trapezoid:after {
    content: '';
    position: absolute;
    top: 0;
    border-bottom: 145px solid #ffb400;
    border-left: 82.5px solid transparent;
    border-right: 82.5px solid transparent;
    height: 0;
    width: 165px;
    z-index: -1;
}

.app-column-3 .left-content .cont-up .trapezoid:nth-child(4):after, .app-column-3 .left-content .cont-up .trapezoid:nth-child(6):after, .app-column-3 .left-content .cont-down .trapezoid:nth-child(5):after {
    border-bottom: 140px solid #ff9c00;
}

.app-column-3 .left-content .trapezoid:hover {
    z-index: 2;
    cursor: pointer;
}

.app-column-3 .left-content .trapezoid:hover:before {
    border-bottom: 147px solid #fff;
}

.app-column-3 .left-content .cont-up .trapezoid:nth-child(4):hover:before, .app-column-3 .left-content .cont-up .trapezoid:nth-child(6):hover:before, .app-column-3 .left-content .cont-down .trapezoid:nth-child(5):hover:before {
    border-bottom: 147px solid #fff;
}

.app-column-3 .left-content .trapezoid:hover:after {
    border-bottom: 145px solid #434343;
}

.app-column-3 .left-content .cont-up .trapezoid:nth-child(4):hover:after, .app-column-3 .left-content .cont-up .trapezoid:nth-child(6):hover:after, .app-column-3 .left-content .cont-down .trapezoid:nth-child(5):hover:after {
    border-bottom: 145px solid #434343;
}

.app-column-3 .left-content .trapezoid-move1 {
    top: 134px;
    left: 63px;
    transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    /* IE 9 */
    -moz-transform: rotate(120deg);
    /* Firefox */
    -webkit-transform: rotate(120deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(120deg);
    /* Opera */
}

.app-column-3 .left-content .cont-up .trapezoid-move1 label {
    transform: rotate(-120deg);
    -ms-transform: rotate(-120deg);
    /* IE 9 */
    -moz-transform: rotate(-120deg);
    /* Firefox */
    -webkit-transform: rotate(-120deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(-120deg);
    /* Opera */
}

.app-column-3 .left-content .cont-down .trapezoid-move1 label {
    transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    /* IE 9 */
    -moz-transform: rotate(60deg);
    /* Firefox */
    -webkit-transform: rotate(60deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(60deg);
    /* Opera */
}

.app-column-3 .left-content .trapezoid-move2 {
    top: 21px;
    left: 259px;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -moz-transform: rotate(180deg);
    /* Firefox */
    -webkit-transform: rotate(180deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(180deg);
    /* Opera */
}

.app-column-3 .left-content .cont-up .trapezoid-move2 label {
    transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    /* IE 9 */
    -moz-transform: rotate(-180deg);
    /* Firefox */
    -webkit-transform: rotate(-180deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(-180deg);
    /* Opera */
}

.app-column-3 .left-content .cont-down .trapezoid-move12 label {
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    /* IE 9 */
    -moz-transform: rotate(-90deg);
    /* Firefox */
    -webkit-transform: rotate(-90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(-90deg);
    /* Opera */
}

.app-column-3 .left-content .trapezoid-move3 {
    top: 134px;
    left: 455px;
    transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    /* IE 9 */
    -moz-transform: rotate(240deg);
    /* Firefox */
    -webkit-transform: rotate(240deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(240deg);
    /* Opera */
}

.app-column-3 .left-content .cont-up .trapezoid-move3 label {
    transform: rotate(-240deg);
    -ms-transform: rotate(-240deg);
    /* IE 9 */
    -moz-transform: rotate(-240deg);
    /* Firefox */
    -webkit-transform: rotate(-240deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(-240deg);
    /* Opera */
}

.app-column-3 .left-content .cont-down .trapezoid-move3 label {
    transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    /* IE 9 */
    -moz-transform: rotate(-60deg);
    /* Firefox */
    -webkit-transform: rotate(-60deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(-60deg);
    /* Opera */
}

.app-column-3 .right-content {
    position: relative;
    margin-left: 90px;
}

.app-column-3 .right-content .img-cont {
    position: absolute;
    top: 0;
    left: 31px;
}

.app-column-3 .right-content .text-cont {
    justify-content: center;
    align-items: center;
    width: 531px;
    margin-top: 40px;
}

.app-column-3 .right-content .text-cont .text-left {
    position: relative;
    justify-content: center;
    align-items: center;
    width: 76px;
    padding-right: 50px;
}

.app-column-3 .right-content .text-cont .text-left:after {
    content: '';
    position: absolute;
    top: 5px;
    right: 25px;
    width: 1px;
    height: 53px;
    background-color: #d0cec6;
}

.app-column-3 .right-content .text-cont .text-left h3 {
    font-size: 37px;
    color: #ffb400;
}

.app-column-3 .right-content .text-cont .text-left span {
    font-size: 12px;
    color: #8c8c8c;
    margin-top: 8px;
}

.app-column-3 .right-content .text-cont .text-right {
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #535351;
    line-height: 150%;
}

.app-column-4 {
    justify-content: space-around;
    align-items: center;
    width: 100%;
}

.app-column-4 .cont-li {
    justify-content: center;
    align-items: center;
    position: relative;
    width: 25%;
    /* 旧语法，带前缀并且已经废弃，以支持老版本的浏览器 */
    background: -prefix-linear-zgradient(top, #2e2f2f, #484848);
    /* 新语法，不带前缀，以支持标准兼容的浏览器（Opera 12.1， IE 10， Firefox 16， Chrome 26， Safari 6.1） */
    background: linear-gradient(to bottom, #2e2f2f, #484848);
    padding-bottom: 100px;
    overflow: hidden;
}

.app-column-4 .cont-li:nth-child(2), .app-column-4 .cont-li:nth-child(4) {
    /* 旧语法，带前缀并且已经废弃，以支持老版本的浏览器 */
    background: -prefix-linear-zgradient(top, #484848, #2e2f2f);
    /* 新语法，不带前缀，以支持标准兼容的浏览器（Opera 12.1， IE 10， Firefox 16， Chrome 26， Safari 6.1） */
    background: linear-gradient(to bottom, #484848, #2e2f2f);
}

.app-column-4 .cont-li .title-cont {
    justify-content: center;
    align-items: center;
    padding: 50px 0 20px 0;
}

.app-column-4 .cont-li .title-cont h1 {
    font-size: 50px;
    color: #fff;
    font-weight: inherit;
}

.app-column-4 .cont-li .title-cont h3 {
    font-size: 27px;
    color: #fff;
    font-weight: inherit;
    margin-top: 15px;
}

.app-column-4 .cont-li .title-cont span {
    font-size: 12px;
    color: #fff;
}

.app-column-4 .cont-li .img {
    justify-content: center;
    align-items: center;
    -webkit-box-reflect: below 0px -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.3) 0%, transparent 40%, transparent 100%);
}

.app-column-4 .cont-li:hover {
    cursor: pointer;
}

.app-column-4 .cont-li:hover .title-cont h1, .app-column-4 .cont-li:hover .title-cont h3, .app-column-4 .cont-li:hover .title-cont span {
    /* color: #ffc000; */
    color: #f7711f;
}

.app-column-5 {
    padding: 100px 0;
    background-color: #f9f9f9;
}

.app-column-5 .swiper-container {
    width: 1180px;
    height: 100%;
    margin-top: 50px;
    padding: 20px;
    margin-left: -20px;
}

.app-column-5 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.app-column-5 .content {
    position: relative;
    width: 1180px;
    margin: auto;
}

.app-column-5 .slide-li {
    position: relative;
    width: 350px;
    padding: 15px;
    background-color: #fff;
    text-align: left;
    transition: all 1s ease 0s;
}

.app-column-5 .slide-li:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0px;
    height: 3px;
    background-color: transparent;
    transition: all 1s ease 0s;
}

.app-column-5 .slide-li:hover {
    cursor: pointer;
    box-shadow: 0px 0px 30px 0px #00000057;
    z-index: 2;
}

.app-column-5 .slide-li:hover:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 380px;
    height: 3px;
    margin-left: -190px;
    /* background-color: #ffc000; */
    background-color: #f7711f;
}

.app-column-5 .slide-li h3 {
    font-size: 18px;
    color: #000106;
    margin-top: 25px;
}

.app-column-5 .slide-li p {
    font-size: 14px;
    color: #616163;
    margin-top: 8px;
    line-height: 150%;
    display: -webkit-box;
    /*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/
    text-overflow: ellipsis;
    /*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.app-column-5 .content .button-next, .app-column-5 .content .button-prev {
    position: absolute;
    top: 50%;
    margin-top: -45.5px;
    z-index: 10;
    cursor: pointer;
}

.app-column-5 .content .button-next {
    right: -55px;
}

.app-column-5 .content .button-prev {
    left: -60px;
}

.app-column-6 {
    background: url("../images/column_6_bg.jpg") no-repeat;
    background-position: top center;
    /*background-size: 100% auto;*/
}

.app-column-6 .list-content {
    justify-content: center;
    margin-top: 50px;
}

.app-column-6 .list-content .li-cont {
    justify-content: flex-start;
    align-items: center;
    background-color: #fff;
    width: 230px;
    height: 420px;
    margin: 0 1px;
    padding-top: 50px;
    transition: all 1s ease 0s;
}

.app-column-6 .list-content .li-cont:hover {
    cursor: pointer;
    box-shadow: 0px 0px 71px 0px #00000057;
    z-index: 2;
}

.app-column-6 .list-content .li-cont h3 {
    font-size: 24px;
    color: #000106;
    margin-top: 15px;
}

.app-column-6 .list-content .li-cont .english-text {
    font-size: 12px;
    color: #bfbfbf;
    margin-top: 8px;
}

.app-column-6 .list-content .li-cont .span-cont {
    margin-top: 30px;
}

.app-column-6 .list-content .li-cont .span-cont span {
    position: relative;
    font-size: 15px;
    color: #9d9d9d;
    margin-top: 15px;
}

.app-column-6 .list-content .li-cont .span-cont span:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -15px;
    width: 5px;
    height: 5px;
    margin-top: -2.5px;
    border-radius: 50%;
    /* background-color: #ffc000; */
    background-color: #f7711f;
}

/*  web_Development。css  */

/*  column标题css  */

.web-column-title {
    position: absolute;
    justify-content: center;
}

.web-column-title .title {
    font-size: 34px;
    color: #fff;
    font-weight: bold;
    margin-bottom: .6rem;
}

.web-column-title .mudi-text {
    font-size: 16px;
    color: #fff;
    margin-top: 15px;
    line-height: 150%;
}

.web-column-title .anli-text {
    font-size: 14px;
    color: #fff;
    margin-top: 8px;
}

.web-column-title .btn {
    position: relative;
    width: 138px;
    height: 40px;
    margin: 25px 0 0 10px;
    background-color: #fff;
}

.web-column-title .btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: -15px;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-right: 15px solid #fff;
    border-bottom: 20px solid transparent;
}

.web-column-title .btn:after {
    content: '';
    position: absolute;
    top: 0;
    right: -15px;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 15px solid #fff;
    border-bottom: 20px solid transparent;
}

.web-column-title .btn span {
    font-size: 15px;
    color: #000;
    background: url("../images/web_Development/icon_btn_right.png") no-repeat;
    background-position: center right;
    background-size: 4px 8px;
    padding-right: 15px;
}

.web-column-title2 .title {
    color: #393939;
}

.web-column-title2 .mudi-text, .web-column-title2 .anli-text {
    color: #242424;
}

.web-column-title2 .btn {
    background-color: #ffba00;
}

.web-column-title2 .btn:before {
    border-right: 15px solid #ffba00;
}

.web-column-title2 .btn:after {
    border-left: 15px solid #ffba00;
}

.web-column-title2 .btn span {
    color: #454545;
}

.web-column-1 {
    position: relative;
    margin-top: 112px;
}

.web-column-1 .web-column-title {
    top: 20%;
    left: 15%;
}

.web-column-2 {
    position: relative;
}

.web-column-2 .web-column-title:nth-child(2) {
    top: 9%;
    right: 21%;
}

.web-column-2 .web-column-title:nth-child(3) {
    top: 66%;
    left: 15%;
}

.web-column-3 {
    position: relative;
}

.web-column-3 .web-column-title:nth-child(2) {
    top: 16%;
    right: 34%;
}

.web-column-3 .web-column-title:nth-child(3) {
    top: 71%;
    left: 15%;
}

.web-column-4 {
    position: relative;
}

.web-column-4 .web-column-title {
    top: 30%;
    right: 25%;
}

.web-column-1 .img-bg, .web-column-2 .img-bg, .web-column-3 .img-bg, .web-column-4 .img-bg {
    width: 100%;
    height: auto;
}

/*  wechat_Development.css  */

.wechat-header-title {
    justify-content: center;
    align-items: center;
}

.wechat-header-title .title {
    font-size: 40px;
    color: #fff;
}

.wechat-header-title .text {
    font-size: 18px;
    color: #a4a4a4;
    margin-top: 15px;
}

.wechat-column-1 {
    position: relative;
    margin-top: 153px;
}

.wechat-column-1 .img {
    width: 100%;
    height: auto;
}

.wechat-column-1 .wechat-column-title {
    top: 26%;
    left: 15%;
}

.wechat-column-1 .wechat-column-title {}

.wechat-column-1 .wechat-column-title .mudi-text {
    margin-left: 10px;
    font-size: 16px;
    color: #fff;
    margin-top: 14px;
    /*padding: 5px 15px 5px 15px;*/
    /* background-color: rgba(255, 255, 255, 0.2); */
    position: relative;
}

.wechat-column-1 .wechat-column-title .mudi-text:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -10px;
    width: 5px;
    height: 5px;
    margin-top: -2.5px;
    border-radius: 50%;
    background-color: #fff;
}

.wechat-column-1 .wechat-column-title .mudi-text:nth-child(2) {
    margin-top: 8px;
}

.wechat-column-1 .wechat-column-title .btn {
    margin-top: 30px;
}

.wechat-column-1 .wechat-column-title .btn span {
    color: #7362f1;
    background: url("../images/wechat_Development/icon_btn_right.png") no-repeat;
    background-position: center right;
    background-size: 4px 8px;
    padding-right:0;
}

/*改动开始*/

.wechat-column-2 {
    padding: 70px 0;
    background: url("../images/wechat_column_2_bg.jpg") no-repeat;
    background-position: top center;
    /*background-size: 100% auto;*/
}

.wechat-column-2 .app-header-title {
    margin-bottom: 50px;
}

.wechat-column-2 .content {
    justify-content: center;
    align-content: center;
    align-items: center;
}

.wechat-column-2 .content .cont-li {
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    width: 296px;
    height: 220px;
    padding: 25px 0 15px 0;
    /*background-color: #fff;*/
    transition: all 1s ease 0s;
    position: relative;
}

.wechat-column-2 .content .cont-li:after{
    content: "";
    position: absolute;
    right: 0px;
    top: 112px;
    height: 130px;
    width: 1px;
    background: #ccc;
}

.wechat-column-2 .content .cont-li:nth-of-type(4n):after {
    display: none;
}

.wechat-column-2 .content .cont-li .title {
    position: relative;
    font-size: 18px;
    font-weight: normal;
    color: #333;
    margin-top: 8px;
}

.wechat-column-2 .content .cont-li .text {
    font-size: 12px;
    color: #555;
    margin-top: 11px;
    padding: 0 8%;
    line-height: 150%;
}

.wechat-column-2 .content .cont-li:hover {
    cursor: pointer;
}

.wechat-column-2 .content .cont-li:hover img{
    animation: go 1s;
}
/*图片动画*/
@keyframes go{
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

/*改动结束*/

.wechat-column-3 {
    padding: 100px 0;
    background: url("../images/wechat_column_3_bg.jpg") no-repeat;
    background-position: top center;
    /*background-size: 100% auto;*/
    height: 643px;
}

.wechat-column-3 .list-cont {
    justify-content: center;
    align-items: center;
    margin-top: 80px;
}

.wechat-column-3 .list-cont:nth-child(3) {
    margin-top: 20px;
}

.wechat-column-3 .list-cont .li {
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
    background-color: #fff;
    margin: 0 10px;
}

.wechat-column-3 .list-cont .li .header-img {
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #f1f1f1;
}

.wechat-column-3 .list-cont .li .text {
    font-size: 14px;
    color: #363636;
    font-weight: 600;
    margin-top: 10px;
}

.wechat-column-4 {
    padding: 80px 0;
    background: url("../images/wechat_column_4_bg.jpg") no-repeat;
    background-position: top center;
    /*background-size: 100% auto;*/
    height: 734px;
}

.wechat-column-4 .content {
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}

.wechat-column-4 .content .li {
    margin: 0 10px;
}

.wechat-column-4 .btn-cont {
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}

.wechat-column-4 .btn-cont .btn {
    position: relative;
    width: 131px;
    height: 54px;
    text-align: center;
    font-size: 14px;
    color: #262626;
    background-color: #f7711f;
}

.wechat-column-4 .btn-cont .btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: -15px;
    width: 0;
    height: 0;
    border-top: 27px solid transparent;
    border-right: 15px solid #f7711f;
    border-bottom: 27px solid transparent;
}

.wechat-column-4 .btn-cont .btn:after {
    content: '';
    position: absolute;
    top: 0;
    right: -15px;
    width: 0;
    height: 0;
    border-top: 27px solid transparent;
    border-left: 15px solid #f7711f;
    border-bottom: 27px solid transparent;
}

.wechat-column-5 {
    margin-top: -90px;
}

/*  wechat_Development2.css  */

.wechat2-column-title {
    position: absolute;
    top: 50%;
    left: 15%;
    margin-top: -121px;
}

.wechat2-column-title2 {
    left: inherit;
    right: 15%;
}

.wechat2-column-title .mudi-text {
    margin-top: 0;
}

.wechat2-column-title .mudi-text:nth-child(2) {
    margin-top: 15px;
}

.wechat2-column-title3 .mudi-text {
    position: relative;
    margin-left: 15px;
}

.wechat2-column-title3 .mudi-text:before {
    content: '';
    position: absolute;
    top: 8px;
    left: -10px;
    border-top: 5px solid transparent;
    border-left: 5px solid #fff;
    border-bottom: 5px solid transparent;
}

.wechat2-column-title .btn {
    margin: 85px 0 0 10px;
}

.wechat2-column-title .btn span {
    color: #6652ff;
    background: url(../images/wechat_Development2/icon_right.png) no-repeat;
    background-position: center right;
    background-size: 4px 8px;
}

.wechat2-column-1 {
    position: relative;
    ;
    margin-top: 112px;
}

.wechat2-column-1 .wechat2-link {
    display: block;
    width: 100%;
    height: 100%;
}

.wechat2-column-1 .img-bg {
    width: 100%;
}

.wechat2-column-2 {
    position: relative;
    ;
}

.wechat2-column-2 .img-bg {
    width: 100%;
}

.wechat2-column-3 {
    position: relative;
    ;
}

.wechat2-column-3 .img-bg {
    width: 100%;
}

.wechat2-column-4 {
    padding: 150px 0;
}

/*  wechat_Development3.css  */

.wechat3-column-2 {
    padding: 100px 0 0;
    background-color: #ffffff;
}

.wechat3-column-2 .box-cont {
    justify-content: center;
    align-items: center;
    width: 1200px;
    margin: 50px auto 0 auto;
    border: 1px solid #e5e5e5;
    position: relative;
    z-index: 1;
}

.wechat3-column-2 .box-cont:before {
    -webkit-transform: skew(-15deg) rotate(-6deg);
    -moz-transform: skew(-15deg) rotate(-6deg);
    transform: skew(-15deg) rotate(-6deg);
    left: 20px;
}

.wechat3-column-2 .box-cont:after {
    -webkit-transform: skew(15deg) rotate(6deg);
    -moz-transform: skew(15deg) rotate(6deg);
    transform: skew(15deg) rotate(6deg);
    right: 20px;
}

.wechat3-column-2 .box-cont:before, .wechat3-column-2 .box-cont:after {
    width: 70%;
    height: 55%;
    content: ' ';
    -webkit-box-shadow: 0 0px 24px 20px #5e5e5e;
    -moz-box-shadow: 0 0px 24px 20px #5e5e5e;
    box-shadow: 0 0px 24px 20px #5e5e5e;
    background-color: #5e5e5e;
    position: absolute;
    bottom: 20px;
    z-index: 0;
}

.wechat3-column-2 .box-cont .list-cont {
    position: relative;
    width: 100%;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    z-index: 1;
}

.wechat3-column-2 .box-cont .list-cont:nth-child(1) {
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
}

.wechat3-column-2 .box-cont .list-cont .li-cont {
    justify-content: center;
    align-items: center;
    width: 600px;
    height: 200px;
    flex: 1;
}

.wechat3-column-2 .box-cont .list-cont .li-cont:nth-child(1) {
    border-right: 1px solid #e5e5e5;
}

.wechat3-column-2 .box-cont .list-cont .li-cont .text-cont {
    margin-left: 30px;
}

.wechat3-column-2 .box-cont .list-cont .li-cont .text-cont .title {
    font-size: 24px;
    color: #262626;
}

.wechat3-column-2 .box-cont .list-cont .li-cont .text-cont .p {
    font-size: 16px;
    color: #5b5b5b;
    line-height: 150%;
    margin-top: 20px;
}

.wechat3-column-3 {
    box-sizing: border-box;
    padding: 80px 0 120px;
    height: 784px;
    /*background:#f8f8f8;*/
    background: url(../images/bg_banner_01.jpg) no-repeat;
    background-position: top center;
    background-size: 100% 100%;
}

.wechat3-column-3 .content {
    width: 1200px;
    margin: 50px auto 0 auto;
    border-radius: 35px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0px 10px 30px 0px #00000057;
}

.wechat3-column-3 .content .list-cont {
    justify-content: center;
    align-items: baseline;
    width: 1200px;
    height: 150px;
}

.wechat3-column-3 .content .list-cont .li-cont {
    position: relative;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 150px;
    transition: all 1s ease 0s;
}

.wechat3-column-3 .content .list-cont .li-cont:before {
    content: '';
    position: absolute;
    bottom: -30px;
    right: 0;
    width: 1px;
    height: 60px;
    background-color: #f1f1f1;
}

.wechat3-column-3 .content .list-cont .li-cont:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: -30px;
    width: 60px;
    height: 1px;
    background-color: #f1f1f1;
}

.wechat3-column-3 .content .list-cont .li-cont:last-child:before, .wechat3-column-3 .content .list-cont .li-cont:last-child:after {
    width: 0;
    height: 0;
}

.wechat3-column-3 .content .list-cont:last-child .li-cont:before, .wechat3-column-3 .content .list-cont:last-child .li-cont:after {
    width: 0;
    height: 0;
}

/*改动开始*/

.wechat3-column-3 .content .list-cont .li-cont img {
    transition: all 1s ease 0s;
}

.wechat3-column-3 .content .list-cont .li-cont:hover img {
    transform: rotate(360deg);
}

/*改动结束*/

.wechat3-column-3 .content .list-cont .li-cont .span {
    font-size: 15px;
    color: #646464;
    margin-top: 12px;
}

.wechat3-column-4 {
    padding-top: 80px;
}

.wechat3-column-4 .content {
    width: 70%;
    margin: 50px auto;
    justify-content: center;
    align-items: center;
    flex-flow: wrap;
    z-index: 1;
}

.wechat3-column-4 .slide-li {
    position: relative;
    width: 382px;
    margin: 0.8%;
    background-color: #fafafa;
    text-align: left;
    transition: all 1s ease 0s;
}

.wechat3-column-4 .slide-li:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0px;
    height: 3px;
    background-color: transparent;
    transition: all 1s ease 0s;
}

.wechat3-column-4 .slide-li:hover {
    background-color: #fff;
    box-shadow: 0px 10px 30px 0px #00000057;
}

.wechat3-column-4 .slide-li:hover:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 380px;
    height: 3px;
    margin-left: -190px;
    /* background-color: #ffc000; */
    background-color: #f7711f;
}

.wechat3-column-4 .slide-li .text-cont {
    box-sizing: border-box;
    padding: 50px 5% 80px 5%;
}

.wechat3-column-4 .slide-li .text-cont h3 {
    font-size: 18px;
    color: #2d2d2d;
}

.wechat3-column-4 .slide-li .text-cont p {
    font-size: 14px;
    color: #7c7c7c;
    margin-top: 8px;
    line-height: 150%;
    display: -webkit-box;
    /*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/
    text-overflow: ellipsis;
    /*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/*  Development_case.css  */

.Development_case_column_1 {
    margin-top: 112px;
}

.Development_case_column_1 img {
    width: 100%;
    height: auto;
}

.Development_case_column_2 {
    background-color: #f6f7f8;
    padding-bottom: 60px;
    margin-top: 154px;
}

.Development_case_column_2 .header-classification {
    justify-content: center;
    align-items: flex-start;
    padding: 50px 3%;
    background-color: #fff;
}

.Development_case_column_2 .header-classification .title {
    font-size: 24px;
    color: #2b2b2b;
}

.Development_case_column_2 .header-classification .classification {
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 50px;
}

.Development_case_column_2 .header-classification .classification:nth-child(3) {
    margin-top: 20px;
}

.Development_case_column_2 .header-classification .classification .class-li {
    font-size: 16px;
    color: #2b2b2b;
    padding: 3px 0;
}

.Development_case_column_2 .header-classification .classification .li-a {
    justify-content: flex-start;
    align-items: flex-start;
    min-height: 26px;
    height: auto;
    width: 1000px;
    flex: 2;
    flex-flow: wrap;
}

.Development_case_column_2 .header-classification .classification .li-a .li {
    position: relative;
    text-align: center;
    font-size: 14px;
    color: #2b2b2b;
    padding: 5px 10px;
    margin: 0 20px;
    border-radius: 5px;
    transition: all 0.5s ease 0s;
}

.Development_case_column_2 .header-classification .classification .li-a .li:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -20px;
    width: 1px;
    height: 14px;
    margin-top: -7px;
    background-color: #dedede;
}

.Development_case_column_2 .header-classification .classification .li-a .li:focus {
    background-color: #f7711f;
}

.Development_case_column_2 .header-classification .classification .li-a .li:last-child:after {
    background-color: transparent;
}

.Development_case_column_2 .header-classification .classification .show-btn {
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #828282;
    background-color: #fff;
    padding: 5px 8px;
    border: 1px solid #828282;
    border-radius: 5px;
}

.Development_case_column_2 .content {
    /*width: 70%;*/
    padding-top: 40px;
    margin: 0 15%;
}

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

.Development_case_column_2 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

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

.Development_case_column_2 .content .swiper-cont {
    position: relative;
    margin: 50px 0;
}

.Development_case_column_2 .content .swiper-cont .number-text {
    position: absolute;
    right: 50px;
    bottom: 10px;
    font-size: 30px;
    color: #f7711f;
    z-index: 1;
}

.Development_case_column_2 .content .swiper-cont .number-text span {
    font-size: 30px;
    color: #f7711f;
}

.Development_case_column_2 .content .swiper-cont .button-next, .Development_case_column_2 .content .swiper-cont .button-prev {
    position: absolute;
    justify-content: center;
    align-items: center;
    bottom: 0;
    width: 60px;
    height: 60px;
    background-color: rgba(116, 115, 119, 0.71);
    z-index: 1;
}

.Development_case_column_2 .content .swiper-cont .button-next:hover, .Development_case_column_2 .content .swiper-cont .button-prev:hover {
    cursor: pointer;
    background-color: #f7711f;
}

.Development_case_column_2 .content .swiper-cont .button-next {
    right: 50%;
    margin-right: -60px;
}

.Development_case_column_2 .content .swiper-cont .button-prev {
    left: 50%;
    margin-left: -60px;
}

.Development_case_column_2 .content .list-cont {
    justify-content: space-between;
    align-items: flex-start;
    flex-flow: wrap;
    width: 100%;
}

.Development_case_column_2 .content .list-cont .li {
    justify-content: flex-start;
    align-items: center;
    width: 23.5%;
    /*height: 400px;*/
    padding: 0.5%;
    margin-bottom: 40px;
    background-color: #fff;
}

.Development_case_column_2 .content .list-cont .li img {
    width: 100%;
    /* height: 330px; */
    height: 100%;
}

.Development_case_column_2 .content .list-cont .li .title {
    justify-content: space-between;
    align-items: baseline;
    width: 80%;
    margin: 15px 10%;
}

.Development_case_column_2 .content .list-cont .li .title span:nth-child(1) {
    font-size: 18px;
    color: #3a3a39;
    font-weight: bold;
}

.Development_case_column_2 .content .list-cont .li .title span:nth-child(2) {
    font-size: 14px;
    color: #9c9c9c;
}

.Development_case_column_2 .content .list-cont .li .p {
    font-size: 14px;
    color: #757574;
    width: 80%;
    min-height: 40px;
    margin: 0 10% 15px 10%;
}

.Development_case_column_2 .content .get-more {
    justify-content: center;
    align-items: center;
    padding: 50px 0;
}

.Development_case_column_2 .content .get-more span {
    font-size: 14px;
    color: #838484;
    margin-top: 10px;
}

.Development_case_column_8 {
    margin-top: -80px;
}

/*  Development_case_details.css  */

.Development_case_details_body {
    background-color: #f6f7f8;
}

.Development_case_details_1 .content {
    width: 70%;
    padding: 0 15%;
    position: relative;
    /*margin-top: -50px;*/
    margin-top: 10px;
}

@media (min-width: 0px) {
    .Development_case_details_1 .content {
        margin-top: 85px;
    }
}

@media (min-width: 1060px) {
    .Development_case_details_1 .content {
        margin-top: 30px;
    }
}

@media (min-width: 1300px) {
    .Development_case_details_1 .content {
        margin-top: 10px;
    }
}

.Development_case_details_1 .details-title {
    justify-content: center;
    /*align-items: center;*/
    background-color: #fff;
    padding: 3%;
    margin: 0px 0 20px 0;
}

.Development_case_details_1 .details-title .left-cont {
    justify-content: flex-start;
    align-items: flex-start;
    padding-right: 6%;
}

.Development_case_details_1 .details-title .left-cont h1 {
    position: relative;
    font-size: 30px;
    color: #2b2b2b;
    padding-bottom: 35px;
}

.Development_case_details_1 .details-title .left-cont h1:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 3px;
    background-color: #f7711f;
}

.Development_case_details_1 .details-title .left-cont h3 {
    font-size: 20px;
    color: #2b2b2b;
    padding-top: 35px;
}

.Development_case_details_1 .details-title .left-cont p {
    font-size: 14px;
    color: #707070;
    line-height: 150%;
    margin-top: 10px;
}

.Development_case_details_1 .details-title .right-cont {
    padding: 3% 3% 3% 6%;
    border-left: 1px solid #efefef;
}

.Development_case_details_1 .details-cont {
    justify-content: center;
    align-items: center;
    width: 86%;
    padding: 7%;
    background-color: #fff;
}

.Development_case_details_1 .details-cont img {
    width: 100%;
}

.Development_case_details_1 .details-list {
    justify-content: space-between;
    align-items: center;
    width: 70%;
    margin: 40px auto 40px auto;
}

.Development_case_details_1 .details-list img {
    width: 24%;
    height: auto;
}

/*  News_information.css  */

.news-information-body {
    background-color: #f5f6f7;
}

.news-information-1 {
    margin-top: 112px;
}

.news-information-1 img {
    width: 100%;
    height: auto;
}

.news-information-2 {
    padding-bottom: 150px;
}

.news-information-2 .nav-tab {
    justify-content: center;
    align-items: center;
}

.news-information-2 .nav-tab .left-cont, .news-information-2 .nav-tab .right-cont {
    justify-content: center;
    align-items: center;
    width: 35%;
    height: 140px;
}

.news-information-2 .nav-tab .left-cont .text, .news-information-2 .nav-tab .right-cont .text {
    margin-left: 15px;
}

.news-information-2 .nav-tab .left-cont .text h3, .news-information-2 .nav-tab .right-cont .text h3 {
    font-size: 24px;
    color: #5d5d5d;
    font-weight: 500;
}

.news-information-2 .nav-tab .left-cont .text span, .news-information-2 .nav-tab .right-cont .text span {
    font-size: 14px;
    color: #979797;
    margin-top: 8px;
}

.news-information-2 .nav-tab .left-cont {
    padding-left: 15%;
    background-color: #f7f7f7;
}

.news-information-2 .nav-tab .left-cont .left-img {
    width: 60px;
    height: 60px;
    background: url("../images/news_information/icon_information_2.png") no-repeat;
    background-position: center center;
    background-size: 60px 60px;
}

.news-information-2 .nav-tab .right-cont {
    padding-right: 15%;
    background-color: #f7f7f7;
}

.news-information-2 .nav-tab .right-cont .right-img {
    width: 53px;
    height: 60px;
    background: url("../images/news_information/icon_dynamic.png") no-repeat;
    background-position: center center;
    background-size: 53px 60px;
}

.news-information-2 .nav-tab .active-cont {
    background-color: #424242;
}

.news-information-2 .nav-tab .active-cont .text h3, .news-information-2 .nav-tab .active-cont .text span {
    color: #ffc412;
}

.news-information-2 .nav-tab .active-cont .left-img {
    background: url("../images/news_information/icon_information.png") no-repeat;
    background-position: center center;
    background-size: 60px 60px;
}

.news-information-2 .nav-tab .active-cont .right-img {
    background: url("../images/news_information/icon_dynamic_2.png") no-repeat;
    background-position: center center;
    background-size: 53px 60px;
}

.news-information-2 .header-cont {
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color: #fff;
}

/* 轮播图 */

.news-information-2 .header-cont .left-cont {
    width: 50%;
    justify-content: flex-end;
    align-items: center;
    background: url("../images/news_information/news_information_slide_bg.jpg") no-repeat;
    background-position: center top;
    height: 632px;
}

.news-information-2 .header-cont .left-cont .swiper-container {
    width: 594px;
    height: 397px;
    margin: 0;
    box-shadow: -10px 10px 0px 0px #ffc30c;
}

.news-information-2 .header-cont .left-cont .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.news-information-2 .header-cont .left-cont .swiper-container-horizontal>.swiper-pagination-bullets {
    text-align: right;
    padding-right: 10%;
    width: 90%;
}

.news-information-2 .header-cont .left-cont .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 100%;
    background: #808080;
    opacity: 1
}

.news-information-2 .header-cont .left-cont .swiper-pagination-bullet-active {
    opacity: 1;
    background: #f7711f;
}

.news-information-2 .header-cont .right-cont {
    justify-content: space-around;
    align-items: flex-start;
    height: 397px;
    width: 35%;
    padding: 0 12% 0 3%;
}

.news-information-2 .header-cont .right-cont h3 {
    font-size: 34px;
    color: #2e2e2e;
    font-weight: 600;
}

.news-information-2 .header-cont .right-cont h3 span {
    font-size: 28px;
    color: #9b9b9b;
    font-weight: 500;
}

.news-information-2 .header-cont .right-cont p {
    font-size: 19px;
    color: #373737;
    line-height: 150%;
}

.news-information-2 .header-cont .right-cont .a-btn {
    font-size: 16px;
    color: #373737;
    background: url("../images/news_information/a_btn_right.jpg") no-repeat;
    background-position: center right;
    padding-right: 15px;
}

.news-information-2 .news-list-cont {
    width: 70%;
    margin: auto;
    padding-top: 50px;
}

.news-information-2 .news-list-cont .news-li {
    justify-content: center;
    align-items: center;
    width: 98%;
    padding: 1%;
    margin: 20px 0;
    background-color: #fff;
    transition: all 1s ease 0s;
}

.news-information-2 .news-list-cont .news-li:hover {
    cursor: pointer;
    box-shadow: 0px 10px 30px 0px #00000057;
    z-index: 2;
}

.news-information-2 .news-list-cont .news-li .left-cont {
    width: 232px;
    height: 155px;
}

.news-information-2 .news-list-cont .news-li .right-cont {
    justify-content: space-around;
    align-items: flex-start;
    width: 94%;
    padding: 0 3%;
    height: 155px;
}

.news-information-2 .news-list-cont .news-li .right-cont .title {
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.news-information-2 .news-list-cont .news-li .right-cont .title h3 {
    font-size: 30px;
    color: #2f2f2f;
    -webkit-line-clamp: 1;
    flex: 1;
}

.news-information-2 .news-list-cont .news-li .right-cont .title span {
    font-size: 16px;
    color: #b4b4b4;
    white-space: nowrap;
}

.news-information-2 .news-list-cont .news-li .right-cont p {
    width: 88%;
    font-size: 16px;
    color: #373737;
    line-height: 150%;
    -webkit-line-clamp: 3;
}

.news-information-2 .get-more {
    justify-content: center;
    align-items: center;
    padding: 30px 0 0 0;
}

.news-information-2 .get-more span {
    font-size: 14px;
    color: #838484;
    margin-top: 10px;
}

/*  news_information_details.css  */

.news-information-2 .news-information-details {
    width: 70%;
    margin: auto;
}

.news-information-2 .news-information-details .left-cont {
    width: 70%;
    margin: auto;
}

.news-information-2 .news-information-details .left-cont .text-cont .title {
    font-size: 40px;
    color: #2f2f2f;
}

.news-information-2 .news-information-details .left-cont .text-cont .time-text {
    font-size: 18px;
    color: #a1a1a1;
    /* margin: -20px 0 50px 0; */
}

.news-information-2 .news-information-details .left-cont .text-cont>p {
    color: #373737;
    font-size: 16px;
    line-height: 2em;
}

.news-information-2 .news-information-details .left-cont .text-cont>p img{
    margin: 0;
}

.news-information-2 .news-information-details .left-cont .text-cont .p {
    font-size: 20px;
    color: #373737;
    line-height: 150%;
    text-indent: 2em;
}

.news-information-2 .news-information-details .left-cont .text-cont .title {
    font-size: 40px;
    color: #2f2f2f;
}

.news-information-2 .news-information-details .left-cont .nav-tab {
    justify-content: center;
    align-items: center;
    width: 100%;
}

.news-information-2 .news-information-details .left-cont .nav-tab .icon-fanxiang {
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    width: 50px;
    height: 70px;
}

.news-information-2 .news-information-details .left-cont .nav-tab .nav-left .icon-fanxiang {
    left: 0;
    background-color: #ffb606;
}

.news-information-2 .news-information-details .left-cont .nav-tab .nav-right .icon-fanxiang {
    right: 0;
    background-color: #e5e5e5;
}

.news-information-2 .news-information-details .left-cont .nav-tab .nav-left, .news-information-2 .news-information-details .left-cont .nav-tab .nav-right {
    align-items: center;
    position: relative;
    width: 50%;
    height: 70px;
    padding: 0 70px;
}

.news-information-2 .news-information-details .left-cont .nav-tab .nav-left span, .news-information-2 .news-information-details .left-cont .nav-tab .nav-right span {
    font-size: 16px;
    color: #2f2f2f;
    line-height: 150%;
}

.news-information-2 .news-information-details .left-cont .nav-tab .nav-left {
    justify-content: flex-start;
    background-color: #f7711f;
}

.news-information-2 .news-information-details .left-cont .nav-tab .nav-right {
    justify-content: flex-end;
    text-align: right;
    background-color: #eeeeee;
}

.news-information-2 .news-information-details .right-cont {
    width: 28%;
    margin-left: 2%;
}

.news-information-2 .news-information-details .right-cont .list-li {
    margin-top: 50px;
}

.news-information-2 .news-information-details .right-cont .list-li:nth-child(1) {
    margin-top: 34px;
}

.news-information-2 .news-information-details .right-cont .list-li .title {
    position: relative;
    justify-content: flex-start;
    align-items: center;
    font-size: 21px;
    color: #2f2f2f;
    padding: 0 20px;
    height: 40px;
}

.news-information-2 .news-information-details .right-cont .list-li .title:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 40px;
    top: 0;
    left: 0;
    background-color: #f7711f;
}

.news-information-2 .news-information-details .right-cont .list-li .li {
    justify-content: flex-start;
    margin: 20px 0;
}

.news-information-2 .news-information-details .right-cont .list-li .li .text-cont {
    justify-content: space-around;
    align-items: flex-start;
    padding-left: 20px;
    width: 100%;
}

.news-information-2 .news-information-details .right-cont .list-li .li .text-cont .text-title {
    width: 100%;
    font-size: 14px;
    color: #222222;
    line-height: 130%;
}

.news-information-2 .news-information-details .right-cont .list-li .li .text-cont .text-p {
    width: calc(100%);
    font-size: 14px;
    color: #373737;
    line-height: 130%;
    word-break: break-all;
}

.news-information-2 .news-information-details .right-cont .list-li .go-more {
    justify-content: center;
    align-items: center;
    height: 40px;
    font-size: 14px;
    color: #686868;
    background-color: #eeeeee;
}

.news-information-2 .news-information-details .right-cont .list-li .go-more img {
    margin-left: 5px;
}

/*  mobile-APP.css  */

.mobile-app-title {
    justify-content: center;
    align-items: center;
}

.mobile-app-title .title {
    font-size: 34px;
    /*color: #fff;*/
}

.mobile-app-title .title2 {
    color: #3a3a3a;
}

.mobile-app-title .text {
    font-size: 16px;
    /*color: #fff;*/
    margin-top: 15px;
    line-height: 150%;
    text-align: center;
}

.mobile-app-title .text2 {
    color: #757575;
}

.mobile-app-title .text3 {
    color: #adadad;
}

.mobile-app-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../images/mobile_app_4_bg.jpg") no-repeat;
    background-position: center center;
    z-index: 0;
}

.mobile-app-1 {
    margin-top: 105px;
    background: url(../images/mobile_app_1_bg.png) no-repeat;
    background-position: top center;
    width: 70%;
    height: 808px;
    padding: 0 15%;
    z-index: 10;
}

.mobile-app-1 .right-cont {
    justify-content: left;
    align-items: baseline;
}

.mobile-app-1 .right-cont h1 {
    font-size: 51px;
    color: #fff;
    margin-top: 120px;
}

.mobile-app-1 .right-cont h3 {
    font-size: 34px;
    font-weight: 500;
    color: #fff;
    margin-top: 10px;
}

.mobile-app-1 .right-cont p {
    font-size: 16px;
    color: #fff;
    margin-top: 10px;
    padding: 5px 15px;
    background-color: rgba(255, 255, 255, 0.2);
}

.mobile-app-1 .right-cont span {
    font-size: 14px;
    color: #fff;
    text-align: left;
    margin-top: 10px;
    width: 70%;
}

.mobile-app-1 .right-cont .a-btn {
    font-size: 16px;
    color: #353434;
    text-align: center;
    margin: 30px -18px 0 0;
    padding-top: 19px;
    background: url("../images/mobile_app_1_btn.png") no-repeat;
    background-position: top center;
    width: 216px;
    height: 93px;
}

.mobile-app-2 {
    background: url("../images/mobile_app_2_bg.jpg") no-repeat;
    background-position: top center;
    height: 777px;
    padding: 100px 0;
    z-index: 1;
}

.mobile-app-2 .content {
    justify-content: center;
    align-items: center;
}

.mobile-app-2 .content .img-cont {
    position: relative;
    width: 806px;
    height: 592px;
    margin: 100px 0 0 -80px;
}

.mobile-app-2 .content .img-cont .text-li {
    justify-content: center;
    align-items: center;
    position: absolute;
    text-align: center;
    font-size: 34px;
    color: #fff;
    border-radius: 50%;
    /* background-color: #ff9e06; */
    background-color: #f7711f;
}

.mobile-app-2 .content .img-cont .text-li:nth-child(2) {
    top: 48px;
    left: 20px;
    width: 140px;
    height: 140px;
}

.mobile-app-2 .content .img-cont .text-li:nth-child(3) {
    top: 280px;
    left: -100px;
    width: 120px;
    height: 120px;
}

.mobile-app-2 .content .img-cont .text-li:nth-child(4) {
    top: 468px;
    left: 105px;
    width: 120px;
    height: 120px;
}

.mobile-app-2 .content .img-cont .text-li:nth-child(5) {
    top: 36px;
    right: 20px;
    width: 120px;
    height: 120px;
}

.mobile-app-2 .content .img-cont .text-li:nth-child(6) {
    top: 195px;
    right: -190px;
    width: 140px;
    height: 140px;
}

.mobile-app-2 .content .img-cont .text-li:nth-child(7) {
    top: 402px;
    right: -63px;
    width: 140px;
    height: 140px;
}

.mobile-app-3 {
    padding: 100px 0;
    background-color: #f1f2f5;
    z-index: 1;
}

.mobile-app-3 .content {
    justify-content: center;
    align-items: baseline;
    flex-flow: wrap;
    width: 70%;
    margin: 80px auto;
}
.flex-column_backg{
    width: 100%;
    height: 100%;
    background: #f7711f;
    position: absolute;
    top: 0;
    z-index: -1;
    /*display: none;*/
    -webkit-transition: -webkit-transform .5s ease,opacity 1s ease;
    -moz-transition: -moz-transform .5s ease,opacity 1s ease;
    -ms-transition: -ms-transform .5s ease,opacity 1s ease;
    transition: transform .5s ease,opacity 1s ease;
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
.mobile-app-3 .content .li-cont {
    justify-content: center;
    align-items: center;
    width: 16%;
    height: 130px;
    /*background-color: #f9f9f9;*/
    transition: all 1s ease 0s;
    border: 1px solid #eee;
    position: relative;
    overflow: hidden;
}

.mobile-app-3 .content .li-cont:hover {
    /*background-color: #f7711f;*/
}
.mobile-app-3 .content .li-cont:hover span{
    color: #ffffff;
}
.mobile-app-3 .content .li-cont:hover .flex-column_backg{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    /*display: block;*/
}

.mobile-app-3 .content .li-cont:nth-child(1) .icon-img {
    width:37px;
    /*height: 37px;*/
    background-image: url("../images/mobile_app_3_li.png");
}


.mobile-app-3 .content .li-cont:nth-child(2) .icon-img {
    width: 41px;
    /*height: 37px;*/
    background-image: url("../images/mobile_app_3_li2.png");
}

.mobile-app-3 .content .li-cont:nth-child(3) .icon-img {
    width: 34px;
    /*height: 49px;*/
    background-image: url("../images/mobile_app_3_li3.png");
}

.mobile-app-3 .content .li-cont:nth-child(4) .icon-img {
    width: 37px;
    /*height: 41px;*/
    background-image: url("../images/mobile_app_3_li4.png");
}

.mobile-app-3 .content .li-cont:nth-child(5) .icon-img {
    width: 32px;
    /*height: 52px;*/
    background-image: url("../images/mobile_app_3_li5.png");
}

.mobile-app-3 .content .li-cont:nth-child(6) .icon-img {
    width: 28px;
    /*height: 36px;*/
    background-image: url("../images/mobile_app_3_li6.png");
}

.mobile-app-3 .content .li-cont:nth-child(7) .icon-img {
    width: 40px;
    /*height: 37px;*/
    background-image: url("../images/mobile_app_3_li7.png");
}

.mobile-app-3 .content .li-cont:nth-child(8) .icon-img {
    width: 39px;
    /*height: 41px;*/
    background-image: url("../images/mobile_app_3_li8.png");
}

.mobile-app-3 .content .li-cont:nth-child(9) .icon-img {
    width: 40px;
    /*height: 31px;*/
    background-image: url("../images/mobile_app_3_li9.png");
}

.mobile-app-3 .content .li-cont:nth-child(10) .icon-img {
    width: 43px;
    /*height: 32px;*/
    background-image: url("../images/mobile_app_3_li10.png");
}

.mobile-app-3 .content .li-cont:nth-child(11) .icon-img {
    width: 37px;
    /*height: 37px;*/
    background-image: url("../images/mobile_app_3_li11.png");
}

.mobile-app-3 .content .li-cont:nth-child(12) .icon-img {
    width: 41px;
    /*height: 32px;*/
    background-image: url("../images/mobile_app_3_li12.png");
}

.mobile-app-3 .content .li-cont:nth-child(13) .icon-img {
    width: 41px;
    /*height: 41px;*/
    background-image: url("../images/mobile_app_3_li13.png");
}

.mobile-app-3 .content .li-cont:nth-child(14) .icon-img {
    width: 39px;
    /*height: 39px;*/
    background-image: url("../images/mobile_app_3_li14.png");
}

.mobile-app-3 .content .li-cont:nth-child(15) .icon-img {
    width: 50px;
    /*height: 33px;*/
    background-image: url("../images/mobile_app_3_li15.png");
}

.mobile-app-3 .content .li-cont:nth-child(16) .icon-img {
    width: 50px;
    /*height: 33px;*/
    background-image: url("../images/mobile_app_3_li16.png");
}

.mobile-app-3 .content .li-cont:nth-child(17) .icon-img {
    width: 50px;
    /*height: 33px;*/
    background-image: url("../images/mobile_app_3_li17.png");
}

.mobile-app-3 .content .li-cont:nth-child(18) .icon-img {
    width: 50px;
    /*height: 33px;*/
    background-image: url("../images/mobile_app_3_li18.png");
}

.mobile-app-3 .content .li-cont:nth-child(19) .icon-img {
    width: 50px;
    /*height: 33px;*/
    background-image: url("../images/mobile_app_3_li19.png");
}

.mobile-app-3 .content .li-cont:nth-child(20) .icon-img {
    width: 38px;
    /*height: 33px;*/
    background-image: url("../images/mobile_app_3_li20.png");
}

.mobile-app-3 .content .li-cont .icon-img {
    height: 50px;
    background-repeat: no-repeat;
    background-position: center left;
}

.mobile-app-3 .content .li-cont:hover .icon-img {
    background-position: center right;
}

.mobile-app-3 .content .li-cont span {
    font-size: 14px;
    color: #7c7c7c;
}

.mobile-app-4 {
    padding: 100px 0;
    position: relative;
    height: auto;
    background-color: transparent;
    z-index: 1;
}

.mobile-app-4 .content {
    width: 70%;
    margin: 50px auto;
    justify-content: center;
    align-items: center;
    flex-flow: wrap;
    z-index: 1;
}

.mobile-app-4 .slide-li {
    position: relative;
    width: 350px;
    padding: 15px;
    margin: 0.5%;
    background-color: #fff;
    text-align: left;
    transition: all 1s ease 0s;
}

.mobile-app-4 .slide-li:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0px;
    height: 3px;
    background-color: transparent;
    transition: all 1s ease 0s;
}

.mobile-app-4 .slide-li:hover:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 380px;
    height: 3px;
    margin-left: -190px;
    /* background-color: #ffc000; */
    background-color: #f7711f;
}

.mobile-app-4 .slide-li h3 {
    font-size: 18px;
    color: #000106;
    margin-top: 25px;
}

.mobile-app-4 .slide-li p {
    font-size: 14px;
    color: #616163;
    margin-top: 8px;
    line-height: 150%;
    display: -webkit-box;
    /*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/
    text-overflow: ellipsis;
    /*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.mobile-app-4 .bottom-img {
    justify-content: center;
    align-items: center;
}

.mobile-app-5 {
    margin-top: -250px;
}

/*  online-retailers.css  */

.online-retailers-title .yanse {
    font-size: 34px;
    color: #f7711f;
}

.online-retailers-title .yanse2 {
    font-size: 34px;
    color: #adadad;
    font-weight: 300;
}

.online-retailers-1 {
    justify-content: flex-start;
    align-items: center;
    margin-top: 112px;
    background: url("../images/online_retailers/online_retailers_1_bg.jpg") no-repeat;
    background-position: top center;
    height: 965px;
}

.online-retailers-1 .cont {
    justify-content: flex-start;
    align-items: flex-start;
    width: 70%;
    margin: auto;
}

.online-retailers-1 .cont p {
    font-size: 18px;
    color: #fff;
    line-height: 150%;
    margin: 50px 0;
}

.online-retailers-1 .cont .a-btn {
    font-size: 16px;
    color: #353434;
    text-align: center;
    margin-left: -31px;
    padding-top: 19px;
    background: url("../images/mobile_app_1_btn.png") no-repeat;
    background-position: top center;
    width: 216px;
    height: 93px;
}

.online-retailers-2 {
    padding: 80px 0;
}

.online-retailers-2 .content {
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}

.online-retailers-2 .content .li-cont {
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 550px;
    margin: 0 10px;
    padding: 0 50px;
    border-radius: 15px;
    filter: alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=0, finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fdfdfd, endcolorstr=#f5f5f5, gradientType=0);
    -ms-filter: alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=0, finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fdfdfd, endcolorstr=#f5f5f5, gradientType=0);
    /*IE8*/
    background: #f5f5f5;
    /* 一些不支持背景渐变的浏览器 */
    background: -moz-linear-gradient(top, #fdfdfd, #f5f5f5);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fdfdfd), to(#f5f5f5));
    background: -o-linear-gradient(top, #fdfdfd, #f5f5f5);
    transition: all 1s ease 0s;
}

.online-retailers-2 .content .li-cont:hover {
    box-shadow: 0px 15px 25px 5px #e0e0e0;
}

.online-retailers-2 .content .li-cont .title-img {
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0px 15px 15px 0px #cecece;
}

.online-retailers-2 .content .li-cont .title {
    position: relative;
    font-size: 24px;
    color: #2b2b2b;
    padding: 50px 0 40px 0;
}

.online-retailers-2 .content .li-cont .title:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 40px;
    height: 4px;
    margin-left: -20px;
    background-color: #ffc706;
}

.online-retailers-2 .content .li-cont .text {
    font-size: 14px;
    color: #545454;
    line-height: 150%;
    text-align: center;
    margin-top: 20px;
}

.online-retailers-3 {
    padding: 80px 0;
    background: url("../images/online_retailers/online_retailers_3_bg.jpg") no-repeat;
    background-position: top center;
    height: 1030px;
}

.online-retailers-4 {
    padding: 100px 0;
    background: url("../images/online_retailers/online_retailers_4_bg.jpg") no-repeat;
    background-position: top center;
    height: 889px;
}

.online-retailers-4 .text2 {
    text-align: left;
}

.online-retailers-4 .content {
    justify-content: center;
    align-items: center;
    margin-top: 100px;
}

.online-retailers-5 .pagination-cont {
    justify-content: flex-start;
    align-items: center;
    height: 80px;
    padding: 0 15%;
}

.online-retailers-5 .pagination-cont .text span {
    font-size: 30px;
    color: #000000;
}

.online-retailers-5 .pagination-cont .btn-cont {
    justify-content: center;
    align-items: center;
    margin-left: 23%;
}

.online-retailers-5 .pagination-cont .btn-cont .prve-btn, .online-retailers-5 .pagination-cont .btn-cont .next-btn {
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
}

.online-retailers-5 .pagination-cont .btn-cont .prve-btn {
    background-color: #e8e8e8;
}

.online-retailers-5 .pagination-cont .btn-cont .next-btn {
    background-color: #333333;
}

/*  system-development.css  */

.system-development-1 {
    margin-top: 153px;
}

.system-development-1 img {
    width: 100%;
}

.system-development-2 {
    padding: 50px;
}

.system-development-2 .content {
    justify-content: center;
    align-items: center;
    flex-flow: wrap;
    width: 70%;
    margin: 80px auto 0 auto;
}

.system-development-2 .content .li-cont {
    justify-content: center;
    align-items: center;
    width: 44%;
    height: 160px;
    padding: 0 2%;
    margin: 0 1% 2% 1%;
    background-color: #f6f6f6;
    border-radius: 160px;
}

.system-development-2 .content .li-cont .right-text {
    justify-content: space-around;
    align-items: flex-start;
    margin: 0 8%;
    flex: 1;
}

.system-development-2 .content .li-cont .right-text .title {
    font-size: 24px;
    color: #434343;
}

.system-development-2 .content .li-cont .right-text .text {
    font-size: 14px;
    color: #8b8b8b;
    line-height: 150%;
    margin-top: 10px;
}

.system-development-3 {
    padding: 100px 0;
    background: url("../images/system_development/system_development_3_bg.jpg") no-repeat;
    background-position: top center;
    height: 660px;
}

.system-development-3 .content {
    justify-content: center;
    align-items: center;
    flex-flow: wrap;
    width: 70%;
    margin: 100px auto 0 auto;
    border-radius: 15px;
    overflow: hidden;
}

.system-development-3 .content .li-cont {
    justify-content: center;
    align-items: center;
    width: 25%;
    padding: 20px 0;
    height: 150px;
    /* 旧语法，带前缀并且已经废弃，以支持老版本的浏览器 */
    background: -prefix-linear-gradient(left bottom, #ffffff 60%, #f4f3f3);
    /* 新语法，不带前缀，以支持标准兼容的浏览器（Opera 12.1， IE 10， Firefox 16， Chrome 26， Safari 6.1） */
    background: linear-gradient(to top right, #ffffff 60%, #f4f3f3);
}

.system-development-3 .content .li-cont span {
    font-size: 24px;
    color: #454545;
    font-weight: 600;
    margin-top: 15px;
}

.system-development-4 {
    padding: 80px 0 0;
}

.system-development-4 .content {
    justify-content: center;
    align-items: center;
}

.system-development-4 .content .li-cont {
    justify-content: center;
    align-items: center;
    width: 70%;
    padding: 50px 15%;
}

.system-development-4 .content .li-cont2 {
    background-color: #f6f6f6;
}

.system-development-4 .content .li-cont .li-img {
    justify-content: center;
    align-items: center;
    width: 30%;
    padding: 0 5%;
}

.system-development-4 .content .li-cont .li-text {
    width: 70%;
    /*padding: 0 5%;*/
}

.system-development-4 .content .li-cont .li-text .title {
    font-size: 34px;
    color: #272727;
}

.system-development-4 .content .li-cont .li-text .text {
    position: relative;
    font-size: 18px;
    color: #525252;
    line-height: 150%;
    margin-top: 30px;
    padding-left: 20px;
}

.system-development-4 .content .li-cont .li-text .text:nth-child(2) {
    margin-top: 50px;
}

.system-development-4 .content .li-cont .li-text .text:before {
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    border-top: 7px solid transparent;
    border-left: 12px solid #f7711f;
    border-bottom: 7px solid transparent;
}

.system-development-4 .content .li-cont .li-text .title {
    font-size: 30px;
    color: #272727;
}

.system-development-5 {
    margin-top: -100px;
}

/*  system-development2.css*/

.system-development2-title {
    position: absolute;
    box-sizing: border-box;
    top: 0;
    right: 0;
    width: 50%;
    padding-left: 10%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.51);
}

.system-development2-title .title {
    line-height: 150%;
}

.system-development2-title .mudi-text {
    margin-top: 3px;
}

.system-development2-title .mudi-text:nth-child(2) {
    margin-top: 15px;
}

.system-development2-title .btn {
    background-color: #f7711f;
}

.system-development2-title .btn:before {
    border-right: 15px solid #f7711f;
}

.system-development2-title .btn:after {
    border-left: 15px solid #f7711f;
}

.system-development2-2 {
    padding-top: 50px;
    margin-bottom: 40px;
}

.system-development2-2 .content .li-cont {
    position: relative;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    /*padding: 0 15%;*/
    margin-top: 100px;
    z-index: 1;
}

.system-development2-2 .content .li-cont .bg-cont {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 300px;
    /*margin-left: -15%;*/
    background: -webkit-linear-gradient(top, #f5f5f5, #e8e8e8);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom, #f5f5f5, #e8e8e8);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom, #f5f5f5, #e8e8e8);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #f5f5f5, #e8e8e8);
    /* 标准的语法 */
    z-index: -1;
}

.system-development2-2 .content .li-cont .bg-cont2 {
    background: -webkit-linear-gradient(left, #ffd65d, #f7711f);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #ffd65d, #f7711f);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #ffd65d, #f7711f);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ffd65d, #f7711f);
    /* 标准的语法 */
}

.system-development2-2 .content .li-cont .bg-cont3 {
    height: 400px;
    bottom: -100px;
}

.system-development2-2 .content .li-cont .text-cont {
    height: 422px;
    margin-right: 20px;
}

.system-development2-2 .content .li-cont .text-cont .title {
    padding-bottom: 80px;
    margin-bottom: 30px;
}

.system-development2-2 .content .li-cont .text-cont .title h3 {
    font-size: 30px;
    color: #f7711f;
}

.system-development2-2 .content .li-cont .text-cont .title p {
    font-size: 24px;
    color: #cccccc;
}

.system-development2-2 .content .li-cont .text-cont .text-middle h3 {
    font-size: 20px;
    color: #18191d;
}

.system-development2-2 .content .li-cont .text-cont .text-middle p {
    font-size: 14px;
    color: #000106;
    line-height: 150%;
    margin-top: 20px;
}

.system-development2-2 .content .li-cont .text-cont .text-middle p:nth-child(2) {
    margin-top: 15px;
}

.system-development2-2 .content .li-cont .text-cont .a-btn {
    font-size: 14px;
    color: #000106;
    margin-top: 20px;
    padding: 5px 10px;
    border-radius: 20px;
    background-color: #fff;
}

.system-development2-2 .content .li-cont .text-cont .a-btn img {
    margin-left: 10px;
}

/*  system-development-ERP.css  */

.system-development-ERP-1 {
    margin-top: 153px;
}

.system-development-ERP-1 img {
    width: 100%;
}

.system-development-ERP-2 {
    justify-content: center;
    align-items: center;
    height: 947px;
    background: url("../images/system_development/system_development_ERP_2.jpg") no-repeat;
    background-position: top left;
}

.system-development-ERP-2 .content {
    justify-content: center;
    align-items: center;
    margin-top: 80px;
}

.system-development-ERP-2 .content .cont-li {
    justify-content: center;
    align-items: center;
    width: 350px;
    height: 500px;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0px 3px 3px 0px #d1d1d1;
    transition: all 1s ease 0s;
}

.system-development-ERP-2 .content .cont-li:hover {
    box-shadow: 0px 0px 50px 0px #d1d1d1;
}

.system-development-ERP-2 .content .cont-li:nth-child(2) {
    margin: 0 50px;
}

.system-development-ERP-2 .content .cont-li h3 {
    position: relative;
    font-size: 30px;
    color: #434343;
    padding: 30px 0 20px 0;
    margin-bottom: 20px;
}

.system-development-ERP-2 .content .cont-li h3:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -25px;
    width: 50px;
    height: 3px;
    background-color: #ffc706;
}

.system-development-ERP-2 .content .cont-li p {
    font-size: 14px;
    color: #696969;
    line-height: 150%;
    text-align: center;
}

.system-development-ERP-3 {
    justify-content: center;
    align-items: center;
    height: 845px;
    background: url("../images/system_development/system_development_ERP_3.jpg") no-repeat;
    background-position: top left;
}

.system-development-ERP-3 .content {
    margin-top: 50px;
}

.system-development-ERP-3 .content .li-cont {
    justify-content: center;
    align-items: center;
}

.system-development-ERP-3 .content .li-cont:nth-child(1) {
    margin-bottom: 5px;
}

.system-development-ERP-3 .content .li-cont .li {
    position: relative;
    justify-content: flex-start;
    align-items: flex-start;
    width: 400px;
    height: 250px;
    box-sizing: border-box;
    padding: 70px 50px 0 50px;
    background-color: #fff;
    overflow: hidden;
}

.system-development-ERP-3 .content .li-cont .li .img {
    position: absolute;
    transition: all 0.5s ease 0s;
}

.system-development-ERP-3 .content .li-cont:nth-child(1) .li:nth-child(1) .img {
    width: 144px;
    height: 144px;
    top: -22px;
    right: -35px;
    background: url("../images/system_development/system_development_ERP_li4.png") no-repeat;
    background-position: center center;
}

.system-development-ERP-3 .content .li-cont:nth-child(1) .li:nth-child(1):hover .img {
    background: url("../images/system_development/system_development_ERP_li4_2.png") no-repeat;
}

.system-development-ERP-3 .content .li-cont:nth-child(1) .li:nth-child(2) .img {
    width: 127px;
    height: 124px;
    top: -4px;
    right: -14px;
    background: url("../images/system_development/system_development_ERP_li5.png") no-repeat;
    background-position: center center;
}

.system-development-ERP-3 .content .li-cont:nth-child(1) .li:nth-child(2):hover .img {
    background: url("../images/system_development/system_development_ERP_li5_2.png") no-repeat;
}

.system-development-ERP-3 .content .li-cont:nth-child(1) .li:nth-child(3) .img {
    width: 142px;
    height: 129px;
    top: -4px;
    right: -12px;
    background: url("../images/system_development/system_development_ERP_li6.png") no-repeat;
    background-position: center center;
}

.system-development-ERP-3 .content .li-cont:nth-child(1) .li:nth-child(3):hover .img {
    background: url("../images/system_development/system_development_ERP_li6_2.png") no-repeat;
}

.system-development-ERP-3 .content .li-cont:nth-child(2) .li:nth-child(1) .img {
    width: 118px;
    height: 148px;
    top: -27px;
    right: -15px;
    background: url("../images/system_development/system_development_ERP_li7.png") no-repeat;
    background-position: center center;
}

.system-development-ERP-3 .content .li-cont:nth-child(2) .li:nth-child(1):hover .img {
    background: url("../images/system_development/system_development_ERP_li7_2.png") no-repeat;
}

.system-development-ERP-3 .content .li-cont:nth-child(2) .li:nth-child(2) .img {
    width: 144px;
    height: 156px;
    top: -36px;
    right: -36px;
    background: url("../images/system_development/system_development_ERP_li8.png") no-repeat;
    background-position: center center;
}

.system-development-ERP-3 .content .li-cont:nth-child(2) .li:nth-child(2):hover .img {
    background: url("../images/system_development/system_development_ERP_li8_2.png") no-repeat;
}

.system-development-ERP-3 .content .li-cont:nth-child(2) .li:nth-child(3) .img {
    width: 155px;
    height: 159px;
    top: -50px;
    right: -35px;
    background: url("../images/system_development/system_development_ERP_li9.png") no-repeat;
    background-position: center center;
}

.system-development-ERP-3 .content .li-cont:nth-child(2) .li:nth-child(3):hover .img {
    background: url("../images/system_development/system_development_ERP_li9_2.png") no-repeat;
}

.system-development-ERP-3 .content .li-cont .li:hover {
    background: -webkit-linear-gradient(left top, #ffc706 40%, #ffd238 60%);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom right, #ffc706 40%, #ffd238 60%);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom right, #ffc706 40%, #ffd238 60%);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom right, #ffc706 40%, #ffd238 60%);
    /* 标准的语法 */
}

.system-development-ERP-3 .content .li-cont .li:nth-child(2) {
    margin: 0 8px;
}

.system-development-ERP-3 .content .li-cont .li .line {
    width: 50px;
    height: 3px;
    background-color: #e5e5e5;
}

.system-development-ERP-3 .content .li-cont .li:hover .line {
    background-color: #404040;
}

.system-development-ERP-3 .content .li-cont .li h3 {
    font-size: 24px;
    color: #484848;
    margin-top: 50px;
}

.system-development-ERP-3 .content .li-cont .li:hover h3 {
    color: #484848;
}

.system-development-ERP-3 .content .li-cont .li p {
    font-size: 14px;
    color: #8b8b8b;
    margin-top: 10px;
    line-height: 150%;
}

.system-development-ERP-3 .content .li-cont .li:hover p {
    color: #5a5a5a;
}

/*  system-development-OA.css  */

.system-development-OA-2 {
    justify-content: center;
    align-items: center;
    height: 900px;
    background: url("../images/system_development/system_development_OA_2.jpg") no-repeat;
    background-position: top left;
}

.system-development-OA-2 .content {
    position: relative;
    width: 1266px;
    height: 660px;
    margin: 50px auto 0 auto;
    border-radius: 20px;
    background-color: #fafafa;
}

.system-development-OA-2 .content .cont-li {
    position: absolute;
    justify-content: center;
    ;
    align-items: center;
    width: 450px;
    height: 200px;
    border-radius: 5px;
    border: 1px solid #efefef;
    background-color: #fefefe;
    box-shadow: 0 5px 5px 0 #cfcfcf;
}

.system-development-OA-2 .content .cont-li2 {
    width: 300px;
    height: 410px;
}

.system-development-OA-2 .content .cont-li3 {
    width: 600px;
    height: 200px;
}

.system-development-OA-2 .content .cont-li:nth-child(1) {
    top: 20px;
    left: 20px;
}

.system-development-OA-2 .content .cont-li:nth-child(2) {
    top: 20px;
    left: 480px;
}

.system-development-OA-2 .content .cont-li:nth-child(3) {
    top: 20px;
    left: 940px;
}

.system-development-OA-2 .content .cont-li:nth-child(4) {
    top: 230px;
    left: 20px;
}

.system-development-OA-2 .content .cont-li:nth-child(5) {
    top: 230px;
    left: 330px;
}

.system-development-OA-2 .content .cont-li:nth-child(6) {
    top: 440px;
    left: 330px;
}

.system-development-OA-2 .content .cont-li:nth-child(7) {
    top: 440px;
    left: 790px;
}

.system-development-OA-2 .content .cont-li .text-cont {
    margin-left: 20px;
}

.system-development-OA-2 .content .cont-li .text-cont h3 {
    font-size: 31px;
    color: #434343;
}

.system-development-OA-2 .content .cont-li2 .text-cont h3 {
    margin-top: 30px;
}

.system-development-OA-2 .content .cont-li .text-cont p {
    font-size: 22px;
    color: #a0a0a0;
    margin-top: 8px;
}

.system-development-OA-2 .content .cont-li .text-cont p:nth-child(2) {
    margin-top: 10px;
}

.system-development-OA-3 {
    justify-content: center;
    align-items: center;
    height: 845px;
    background: url("../images/system_development/system_development_OA_3.jpg") no-repeat;
    background-position: top left;
    background-size: 100% 845px;
}

.system-development-OA-3 .content {
    justify-content: space-around;
    align-items: center;
    width: 1200px;
    margin-top: 150px;
}

.system-development-OA-3 .content .cont-li {
    justify-content: center;
    align-items: center;
}

.system-development-OA-3 .content .cont-li h3 {
    font-size: 18px;
    color: #fff;
    margin-top: 25px;
}

.system-development-OA-3 .content .cont-li p {
    font-size: 16px;
    color: #d8d8d8;
    margin-top: 10px;
}

/*  About-us.css  */

.about-us-title {
    justify-content: center;
    align-items: center;
}

.about-us-title .title-h1 {
    font-size: 40px;
    color: #353434;
}

.about-us-title .title-h3 {
    font-size: 24px;
    color: #111111;
}

.about-us-1 {
    margin-top: 112px;
}

.about-us-1 img {
    width: 100%;
}

.about-us-2 {
    justify-content: center;
    align-items: center;
    padding: 100px 0px 100px 0;
    margin-right: 100px;
    /* 旧语法，带前缀并且已经废弃，以支持老版本的浏览器 */
    background: -prefix-linear-gradient(left, #f6f6f6 50%, #ffffff 50%);
    /* 新语法，不带前缀，以支持标准兼容的浏览器（Opera 12.1， IE 10， Firefox 16， Chrome 26， Safari 6.1） */
    background: linear-gradient(to right, #f6f6f6 50%, #ffffff 50%);
}

.about-us-2 .left-cont {
    justify-content: center;
    align-items: center;
    width: 616px;
    height: 540px;
    background: url("../images/about_us/about_us_2_bg.jpg") no-repeat;
    background-position: top center;
    margin: 0 -170px 0 100px;
    z-index: 1;
}

.about-us-2 .right-cont {
    justify-content: center;
    align-items: flex-start;
    width: 440px;
    height: 640px;
    margin-left: 50px;
    padding: 0 80px 0 160px;
    border: 20px solid #e8e8e8;
}

.about-us-2 .right-cont .title-english {
    font-size: 44px;
    color: #353434;
}

.about-us-2 .right-cont .title-china {
    position: relative;
    font-size: 25px;
    color: #111111;
    margin: 10px 0 40px 0;
    padding-bottom: 30px;
}

.about-us-2 .right-cont .title-china:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 5px;
    /* background-color: #ff9e06; */
    background-color: #f7711f;
}

.about-us-2 .right-cont .title-china span {
    font-size: 25px;
    color: #989898;
    font-weight: 500;
}

.about-us-2 .right-cont .text {
    font-size: 16px;
    color: #282828;
    line-height: 150%;
    margin-top: 30px;
    width: 100%;
}

.about-us-2 .right-cont .text:nth-child(1) {
    margin-top: 0;
}

.about-us-3 {
    width: 100%;
    height: 600px;
}

.about-us-4 {
    margin-top: -150px;
    z-index: 1
}

.about-us-4 .information-text {
    position: relative;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 150px;
    /* 旧语法，带前缀并且已经废弃，以支持老版本的浏览器 */
    background: -prefix-linear-gradient(12deg, rgba(38, 38, 37, 0.7) 70%, rgba(255, 255, 255, 0.6));
    /* 新语法，不带前缀，以支持标准兼容的浏览器（Opera 12.1， IE 10， Firefox 16， Chrome 26， Safari 6.1） */
    background: linear-gradient(12deg, rgba(38, 38, 37, 0.7) 70%, rgba(219, 219, 219, 0.6));
}

.about-us-4 .information-text:before {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 15%;
    width: 3px;
    height: 40px;
    /* background-color: #ff9e06; */
    background-color: #f7711f;
}

.about-us-4 .information-text .left-cont {
    position: relative;
    justify-content: center;
    align-content: flex-start;
    width: 20%;
    padding: 0 5% 0 15%;
    border-right: 1px solid #595958;
}

.about-us-4 .information-text .left-cont h3 {
    font-size: 34px;
    color: #fff;
}

.about-us-4 .information-text .left-cont span {
    font-size: 18px;
    color: #ff9e06;
    margin-top: 8px;
}

.about-us-4 .information-text .right-cont {
    width: 50%;
    padding: 0 0 0 10%;
}

.about-us-4 .information-text .right-cont .text-right {
    margin-top: 20px;
}

.about-us-4 .information-text .right-cont .text-left p:nth-child(1), .about-us-4 .information-text .right-cont .text-right p:nth-child(1) {
    width: 50%;
    padding-right: 5%;
}

.about-us-4 .information-text .right-cont .text-left p:nth-child(2), .about-us-4 .information-text .right-cont .text-right p:nth-child(2) {
    width: 50%;
}

.about-us-4 .information-text .right-cont p {
    font-size: 18px;
    color: #fff;
    text-align: left;
}

.about-us-4 .information-text .right-cont .p-address {
    padding-left: 82px;
}

.about-us-4 .information-text .right-cont p span {
    font-size: 18px;
    color: #ff9e06;
    margin-right: 10px;
}

.about-us-4 .information-text .right-cont .span-address {
    margin-left: -82px;
}

.about-us-4 .liuyan-cont {
    width: 100%;
    height: 250px;
    align-items: center;
    /* border-bottom: 3px solid #ff9e06; */
}

.about-us-4 .liuyan-cont .left-cont {
    justify-content: center;
    width: 20%;
    height: 250px;
    padding: 0 5% 0 15%;
    background-color: #1a1a1a;
}

.about-us-4 .liuyan-cont .left-cont h3 {
    font-size: 34px;
    color: #fff;
}

.about-us-4 .liuyan-cont .left-cont span:nth-child(2) {
    font-size: 18px;
    color: #ff9e06;
    margin-top: 8px;
}

.about-us-4 .liuyan-cont .left-cont span:nth-child(3) {
    font-size: 14px;
    color: #535353;
    line-height: 150%;
}

.about-us-4 .liuyan-cont .right-cont {
    justify-content: center;
    width: 35%;
    height: 250px;
    padding: 0 15% 0 10%;
    background-color: #202020;
}

.about-us-4 .liuyan-cont .right-cont .input {
    margin-bottom: 20px;
}

.about-us-4 .liuyan-cont .right-cont .input input {
    width: 47%;
    font-size: 16px;
    color: #fff;
    padding: 1%;
    border: 1px solid #4d4d4d;
}

.about-us-4 .liuyan-cont .right-cont .input input:nth-child(1) {
    margin-right: 1%;
}

.about-us-4 .liuyan-cont .right-cont .textarea {
    width: 97.5%;
    font-size: 16px;
    color: #fff;
    padding: 1%;
    border: 1px solid #4d4d4d;
}

.about-us-4 .liuyan-cont .right-cont .subform {
    width: 150px;
    font-size: 16px;
    color: rgb(255, 255, 255);
    /* background-color: rgb(255, 193, 6); */
    background-color: #f7711f;
    margin-top: 20px;
    padding: 1% 20px;
    border-radius: 5px;
}

.about-us-5 {
    justify-content: center;
    align-items: center;
    background: url("../images/about_us_5_bg.jpg") no-repeat;
    background-position: top center;
    height: 833px;
}

.about-us-5 .content {
    position: relative;
    width: 1200px;
    height: 293px;
    margin: 80px auto 0 auto;
}

.about-us-5 .content .swiper-container {
    width: 1202px;
    height: 293px;
}

.about-us-5 .content .swiper-container .swiper-slide {
    position: relative;
}

.about-us-5 .content .button-next {
    position: absolute;
    top: 50%;
    right: -55px;
    margin-top: -45.5px;
}

.about-us-5 .content .button-prev {
    position: absolute;
    top: 50%;
    left: -55px;
    margin-top: -45.5px;
}

.about-us-5 .content .swiper-container .swiper-slide .item-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .3s ease-out;
    opacity: 0;
    /* background: #ffc000; */
    background: #f7711f;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    filter: alpha(opacity=0);
}

.about-us-5 .content .swiper-container .swiper-slide:hover .item-mask {
    opacity: .5;
    /* background: #ffc000; */
    background: #f7711f;
    filter: alpha(opacity=50);
}

.about-us-5 .content .swiper-container .swiper-slide .btn-link__hover_i {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 94px;
    height: 94px;
    margin: -47px 0 0 -47px;
    background: url("../images/about_us/about_us_eye.png") no-repeat;
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: all ease-out 250ms;
}

.about-us-5 .content .swiper-container .swiper-slide:hover .btn-link__hover_i {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.about-us-6 {
    margin-top: -80px;
}

.about-us-6_2 {
    margin-top: -40px;
}

/*  屏幕尺寸适应  */

/* 最顶部 */

@media only screen and (min-width: 760px) and ( max-width: 1024px) {
    .header-top .icon-phone {
        padding: 0 1%;
    }
}

@media only screen and (min-width: 1024px) and ( max-width: 1680px) {
    .header-top .icon-phone {
        padding: 0 6%;
    }
}

@media only screen and (min-width: 1680px) {
    .header-top .icon-phone {
        padding: 0 15%;
    }
}

@media only screen and (min-width: 1680px) {
    .mobile-app-1 .right-cont span {
        width: 588px;
    }
}

/* 原 */

@media only screen and (min-width: 760px) and (max-width: 1024px) {
    .header-top .nav {
        padding: 0 1%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1100px) {
    .header-top .nav {
        padding: 0 2%;
    }
    .header-top .nav .nav-a .drop-cont .drop-div {
        padding: 0 6%;
    }
    .column-3 {
        background-size: auto 100%;
    }
    .column-5 {
        /*background-size: auto 100%;*/
    }
    .column-6 .idea-cont .content {
        background-size: auto 100%;
        padding: 0;
    }
    .column-6 .idea-cont .content .tijiao-idea {
        left: 0%;
    }
    .column-6 .idea-cont .content .right-cont {
        margin-left: 50%;
    }
    .Development_case_column_2 .content {
        margin: 0 6%;
    }
    .system-development-2 .content {
        width: 100%;
    }
}

@media only screen and (min-width: 1100px) and (max-width: 1280px) {
    .header-top .nav {
        padding: 0 2%;
    }
    .header-top .nav .nav-a .drop-cont .drop-div {
        padding: 0 6%;
    }
    .column-3 {
        background-size: auto 100%;
    }
    .column-5 {
        /*background-size: auto 100%;*/
    }
    .column-6 .idea-cont .content {
        background-size: auto 100%;
        padding: 0;
    }
    .column-6 .idea-cont .content .tijiao-idea {
        left: 0%;
    }
    .column-6 .idea-cont .content .right-cont {
        margin-left: 50%;
    }
    .Development_case_column_2 .content {
        margin: 0 6%;
    }
    .system-development-2 .content {
        width: 100%;
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1366px) {
    .header-top .nav {
        padding: 0 6%;
    }
    .header-top .nav .nav-a .drop-cont .drop-div {
        padding: 0 6%;
    }
    .column-3 {
        background-size: auto 100%;
    }
    .column-5 {
        /*background-size: auto 100%;*/
    }
    .column-6 .idea-cont .content {
        background-size: auto 100%;
        padding: 0;
    }
    .column-6 .idea-cont .content .tijiao-idea {
        left: 0;
    }
    .column-6 .idea-cont .content .right-cont {
        margin-left: 50%;
    }
    .Development_case_column_2 .content {
        margin: 0 6%;
    }
    .system-development-2 .content {
        width: 100%;
    }
}

@media only screen and (min-width: 1366px) and (max-width: 1440px) {
    .header-top .nav {
        padding: 0 6%;
    }
    .header-top .nav .nav-a .drop-cont .drop-div {
        padding: 0 6%;
    }
    .column-3 {
        background-size: auto 100%;
    }
    .column-5 {
        /*background-size: auto 100%;*/
    }
    .column-6 .idea-cont .content {
        background-size: auto 100%;
        padding: 0;
    }
    .column-6 .idea-cont .content .tijiao-idea {
        left: 0;
    }
    .column-6 .idea-cont .content .right-cont {
        margin-left: 50%;
    }
    .Development_case_column_2 .content {
        margin: 0 6%;
    }
    .system-development-2 .content {
        width: 100%;
    }
}

@media only screen and (min-width: 1440px) and (max-width: 1680px) {
    .header-top .nav {
        padding: 0 6%;
    }
    .header-top .nav .nav-a .drop-cont .drop-div {
        padding: 0 6%;
    }
    .column-3 {
        /*background-size: auto 100%;*/
    }
    .column-5 {
        /*background-size: auto 100%;*/
    }
    .column-6 .idea-cont .content {
        background-size: auto 100%;
        padding: 0;
    }
    .column-6 .idea-cont .content .tijiao-idea {
        left: 0;
    }
    .column-6 .idea-cont .content .right-cont {
        margin-left: 50%;
    }
    .Development_case_column_2 .content {
        margin: 0 6%;
    }
    .system-development-2 .content {
        width: 100%;
    }
}

@media only screen and (min-width: 1680px) and (max-width: 1920px) {
    .header-top .nav {
        padding: 0 15%;
    }
    .header-top .nav .nav-a .drop-cont .drop-div {
        padding: 0 15%;
    }
    .column-3 {
        background-size: 100% auto;
    }
    .column-5 {
        background-size: 100% auto;
    }
    .column-6 .idea-cont .content {
        background-size: 100% auto;
    }
    .Development_case_column_2 .content {
        margin: 0 15%;
    }
    .system-development-2 .content {
        width: 70%;
    }
}



.header-title .ffbala{
    color: #ffffff;
}



.g-mtbox {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.f-fl {
    float: left;
}
.f-fr {
    float: right;
    width: 500px;
}
.g-mt80 {
    margin-top: 80px;
}
.g-ml20 {
    margin-left: 20px;
    width: calc(100% - 54px);
}
.s-fs20 {
    font-size: 20px;
    font-weight: 600;
}
.s-fc-gy1 {
    color: #595961;
}
.g-mt6 {
    margin-top: 6px;
}

.s-fs16 {
    font-size: 16px;
}
.s-fc-gy {
    color: #999;
}
.g-mt40 {
    margin-top: 40px;
}
li.clear{
    overflow: hidden;
}
.xcx-in4 {
    background-image: url(../images/topic.png);
    width: 34px;
    height: 34px;
    margin-top: 6px;
    display: inline-block;
}
.xcx-in4.i1 {
    background-position: 0 0;
}
.xcx-in4.i4 {
    background-position: 0 -44px;
}
.xcx-in4.i3 {
    background-position: 0 -88px;
}
.xcx-in4.i2 {
    background-position: 0 -132px;
}

.wechat2-column-10{
    margin-top: 105px;
    background: url(../images/wechat-bg-1.png) no-repeat;
    background-position: top center;
    width: 70%;
    height: 780px;
    padding: 0 15%;
    z-index: 10;
    position: relative;
}
/*.wechat2-column-10 .right-cont {
    justify-content: center;
    align-items: flex-end;
    position: absolute;
    right: 15%;
}*/

.wechat2-column-10 .right-cont h1 {
    font-size: 51px;
    color: #fff;
    margin-top: 150px;
}

.wechat2-column-10 .right-cont h3 {
    font-size: 34px;
    font-weight: 500;
    color: #fff;
    margin-top: 10px;
}

.wechat2-column-10 .right-cont p {
    font-size: 16px;
    color: #fff;
    margin-top: 10px;
    padding: 5px 15px 5px 15px;
    /*background-color: rgba(255, 255, 255, 0.2);*/
    position: relative;
}
.wechat2-column-10 .right-cont p:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 5px;
    width: 5px;
    height: 5px;
    /* margin-top: -2.5px; */
    border-radius: 50%;
    background-color: #fff;
    transform: translateY(-50%);
}
.wechat2-column-10 .right-cont span {
    font-size: 14px;
    color: #fff;
    text-align: left;
    margin-top: 10px;
    width: 100%;
}

.wechat2-column-10 .right-cont .a-btn {
    font-size: 16px;
    color: #353434;
    text-align: center;
    margin: 30px -18px 0 0;
    padding-top: 19px;
    background: url("../images/mobile_app_1_btn.png") no-repeat;
    background-position: top center;
    width: 216px;
    height: 93px;
}


section.server li {
    margin: 20px 0;
}
section.server ul.row {
    width: 1400px;
    margin: 40px auto;
    overflow: hidden;
}
.col-md-4{
    float: left;
    width: calc(33.333% - 40px);
    padding-right: 20px;
    padding-left: 20px;
}

section.server li>div {
    background: url(http://www.szmaiji.com/images/server_bg.png) top right no-repeat;
    box-shadow: 0px 0px 16px 0px rgba(4,54,86,0.12);
    border-radius: 16px;
    padding: 0;
    overflow: hidden;
}

section.server li>div a {
    display: block;
    color: #7C8C9F;
    padding: 40px 0 0;
}

section.server li h3 {
    font-size: 20px;
    font-weight: bold;
    color: #263547;
    margin: 0 0 20px;
    padding: 0 25px;
}
section.server li h3 {
     font-size: 20px;
     margin-top: 30px;
 }
section.server li p {
    font-size: 16px;
    color: #7C8C9F;
    margin: 10px 0;
    padding: 0 25px;
    transition: background 1s ease;
    -o-transition: background 1s ease;
    -moz-transition: background 1s ease;
    -webkit-transition: background 1s ease;
}
section.server li p {
    /*font-size: 14px;*/
    font-size: 16px;
    color: #7C8C9F;
    margin: 10px 0;
    padding: 0 25px;
    transition: background 1s ease;
    -o-transition: background 1s ease;
    -moz-transition: background 1s ease;
    -webkit-transition: background 1s ease;
}
section.server li p.more {
    margin: 30px 0 0;
    padding: 20px 0;
    background: #EAEFF4;
    text-align: center;
}
section.server li:hover p.more {
    background: #f7711f;
    color: #ffffff;
}

section.trust {
    background: url(../images/trust_bg.jpg);
    background-size: cover;
    padding: 60px 0;
}
section.trust .container{
    width: 1300px;
    margin: 0 auto;
}
section.trust h2 {
    color: #fff;
    font-size: 32px;
    font-weight: bold;
}
section.trust i {
    background: #fff;
    display: block;
    width: 65px;
    height: 3px;
    margin: 20px 0;
}
section.trust ul {
    overflow: hidden;
}
section.trust li {
    margin: 20px 10px;
    width: calc(25% - 20px);
    float: left;
}
section.trust li>div {
    border-radius: 16px;
    padding: 0 0 20px;
    overflow: hidden;
    background: #fff;
}
section.trust li>div img {
    max-width: 100%;
}
section.trust li>div h3 {
    font-size: 22px;
    font-weight: bold;
    color: #263547;
    margin: 20px 0 20px;
    padding: 0 35px;
}
section.trust li p {
    font-size: 16px;
    color: #7C8C9F;
    margin: 10px 0;
    padding: 0 35px;
}


.header-top .icon-phone::-webkit-scrollbar {display:none}






.wxqq_element {
    position: fixed;
    right: 2px;
    display: block;
    top: 50%;
    transform: translateY(50%); 
    margin-top: 148px;
    width: 180px;
    background-color: #fc8136;
    z-index: 999999;
}
.wxqq_element a{
    margin: 10px 10px;
    border-radius: 16px;
    list-style: none;
    background-color: #ffffff;
    position: relative;
    width: calc(100% - 20px);
}
.wxqq_element a.wechathover{
    margin-top: 0;
}

.wxqq_element a .nb-group-icon {
    width: 31px;
    height: 31px;
    text-align: center;
    display: inline-block;
    _zoom: 1;
    _display: inline;
    vertical-align: middle;
    float: left;
    background: #00aef3;
    border-radius: 50%;
}
.wxqq_element a .nb-group-icon img.qq{
    width: 17px;
    margin-top: 6px;
}
.wxqq_element a .nb-group-icon img.weChat{
    width: 21px;
    margin-top: 5px;
}
.wxqq_element a .nb-group-text {
    height: 31px;
    line-height: 31px;
    vertical-align: middle;
    margin-left: 38px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    _text-overflow: clip;
    _width: 60%;
    _overflow: hidden;
    color:#3a3a3a
}
.wxqq_element a .wx_text{
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    /*left: -126px;*/
    top: -117px;
    right: 0;
    padding: 8px;
    background-color: #fc8136;
    color: #ffffff;
    text-align: center;
    -webkit-transition: -webkit-transform .5s ease,opacity 1s ease;
    -moz-transition: -moz-transform .5s ease,opacity 1s ease;
    -ms-transition: -ms-transform .5s ease,opacity 1s ease;
    transition: transform .5s ease,opacity 1s ease;
    -webkit-transform: translate3d(100%, 0%, 0);
    -moz-transform: translate3d(100%, 0%, 0);
    -ms-transform: translate3d(100%, 0%, 0);
    transform: translate3d(100%, 0%, 0);
}
.wxqq_element a.wechathover:hover .wx_text{
    -webkit-transform: translate3d(-170px, 0%, 0);
    -moz-transform: translate3d(-170px, 0%, 0);
    -ms-transform: translate3d(-170px, 0%, 0);
    transform: translate3d(-170px, 0%, 0);
    opacity: 1;
    filter: alpha(opacity=100);
}
.wxqq_element a .wx_text img{
    width: 100px;
    height: 100px;
}
.wxqq_element a .wx_text .img-tis{
    color: #ffffff;
    margin-top: 4px;
}

body #newBridge .nb-customer-icon-style .nb-icon-groups {
    border:none;
}
body #newBridge .nb-customer-icon-style .nb-icon-groups-item {
    border: 1px solid #fc8136;
}



.intelli-column-1{
    margin: 0 auto;
    width: 100%;
    padding: 70px 0;
}
.intelli-column-1 .app-header-title {
    margin-bottom: 50px;
}
.intelli-column-1 .content {
    justify-content: center;
    align-content: center;
    align-items: center;
}
.intelli_merit{
    width: 20%;
    /*-webkit-box-shadow: 0 0.053333rem 0.293333rem -0.026667rem rgba(163,175,181,.45);*/
    /*box-shadow: 0 0.053333rem 0.293333rem -0.026667rem rgba(163,175,181,.45);*/
    text-align: center;
}
.intelli_merit:nth-child(2){
    margin: 0 5%;
}
.intelli_merit h2{
    font-weight: bold;
    font-size: 20px;
    margin: 10px 0 5px;
}
.intelli_merit p{
    margin: 0 12%;
}
.intelli-column-1 .li-cont{
    justify-content: center;
    align-items: center;
    width: 70%;
    padding: 0px 15%;
}
.intelli-column-1 .li-cont .li-img{
    justify-content: center;
    align-items: center;
    width: 30%;
    padding: 0 5%;
}
.intelli-column-1 .li-cont .li-img img{
    width: 100%;
}
.intelli-column-1 .li-cont .li-text{
    width: 60%;
}
.intelli-column-1 .cont_img{
    width: 60%;
    padding: 0 20%;
}
.intelli-column-1 .li-cont .li-text .title {
    font-size: 30px;
    color: #272727;
}
.intelli-column-1 .li-cont .li-text .text {
    position: relative;
    font-size: 18px;
    color: #525252;
    line-height: 150%;
    margin-top: 30px;
}

.fireeye-column-1{
    width: 1200px;
    margin: 0 auto;
    padding: 70px 0;
}
.fireeye-column-1 .section-title {
    font-size: 16px;
    color: #757575;
    margin-top: 15px;
    line-height: 150%;
    text-align: center;
}
.section-title h3{
    position: relative;
    font-size: 31px;
    font-weight: bold;
    color: #000;
    margin-bottom: 10px;
    text-align: center;
}
.section-title p {
    color: #999;
    font-size: .8em;
    letter-spacing: .1em;
    font-weight: 100;
    text-align: center;
}
.sevies-box-s{
    width: 100%;
    margin: 50px auto 0;
    overflow: hidden;
}
.column.four{
    width: calc(31% - 52px);
    float: left;
    margin-bottom: 15px;
    padding: 20px 25px;
    -webkit-box-shadow: 0 0.053333rem 0.293333rem -0.026667rem rgba(163,175,181,.45);
    box-shadow: 0 0.153333rem 0.393333rem -0.006667rem rgba(163,175,181,.45);
    border: 1px solid rgba(163,175,181,.3);
    border-radius: 10px;
}
.column.four:nth-child(2), .column.four:nth-child(5){
    margin: 0 3.5%;
}
.column.four .small-icon{
    float: left;
    text-align: center;
    height: 100%;
    margin-right: 35px;
    margin-left: 10px;
}
.column.four .small-icon-text{
    float: left;
    height: 100%;
    margin: 5px 0;
}
.column.four .small-icon-text h4 {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 8px;
}
.column.four .small-icon-text .text-xs {
    color: #999;
}

.column.four .small-icon .icon{
    width: 63px;
    height: 63px;
    display: block;
}
.column.four .small-icon .icon.ti-tablet{
    background: url(../images/ti-tablet.png);
    background-size: 100% 100%;
}
.column.four .small-icon .icon.ti-write{
    background: url(../images/ti-write.png);
    background-size: 100% 100%;
}
.column.four .small-icon .icon.ti-id-badge{
    background: url(../images/ti-id-badge.png);
    background-size: 100% 100%;
}
.column.four .small-icon .icon.ti-ruler-alt-2{
    background: url(../images/ti-ruler-alt-2.png);
    background-size: 100% 100%;
}
.column.four .small-icon .icon.ti-support{
    background: url(../images/ti-support.png);
    background-size: 100% 100%;
}
.column.four .small-icon .icon.ti-face-smile{
    background: url(../images/ti-face-smile.png);
    background-size: 100% 100%;
}
.sevies-box-s .col-sm-3{
    width: 25%;
    float: left;
    text-align: center;
}
.sevies-box-s .col-sm-3 .service-info h4{
    font-weight: bold;
    font-size: 20px;
    margin: 20px 0 10px;
}
.sevies-box-s .col-sm-3 .service-info p{
    color: #999;
    font-size: 15px;
}

.fireeye-column-2 {
    width: 1400px;
    margin: 0 auto;
    padding: 70px 0;
}
.ui-fejj{
    display: flex;
}
.ui-fejj img{
    width: 300px;
    margin: 30px 25px;
    -webkit-box-shadow: 0 0.053333rem 0.293333rem -0.026667rem rgba(163,175,181,.45);
    box-shadow: 0 0.153333rem 0.393333rem -0.006667rem rgba(163,175,181,.45);
}

.appkaifa-move-1{
    background: #f1f2f5;
    color: #595961;
    padding: 50px 0;
    height: auto;
    z-index: 1;
    /*margin-top: -260px;*/
}
.appkaifa-move-1 .whyus_list{
    display: flex;
    margin: 50px auto 0;
    width: min-content;
}
.appkaifa-move-1 .whyus_list li {
    padding: 0 10px;
}
.appkaifa-move-1 .whyus_list li .postr {
    font-size: 12px;
    width: 250px;
    height: 320px;
    background: #fff;
    padding: 0px 20px;
    box-shadow: 0px 0px 10px 0px rgba(29,31,42,0.09);
    padding-bottom: 30px;
    position: relative;
}
.appkaifa-move-1 .whyus_list .top_line {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 2px;
    background: #f7711f;
}
.appkaifa-move-1 .whyus_list .lnumb {
    font-size: 120px;
    color: #FEF7F0;
    width: 100%;
    margin: auto;
    margin-bottom: 40px;
    border-bottom: solid 1px #E9E9EA;
    text-align: center;
}
.appkaifa-move-1 .whyus_list li .posta_top {
    position: absolute;
    top: 16%;
    text-align: center;
    font-size: 15px;
    width: 100%;
    font-weight: bold;
    left: 0;
}
.appkaifa-move-1 .whyus_list li .posta_top  p{
    font-size: 18px;
}
.appkaifa-move-1 .whyus_list .postr  p{
    font-size: 14px;
    line-height: 25px;
    color: #555555;
}
.appkaifa-move-1 .whyus_list .postr>p{
    margin: 0 25px;
}
.appkaifa-move-1 .app-header-title,.appkaifa-move-2 .app-header-title{
    margin-bottom: 50px;
}
.appkaifa-move-2{
    color: #595961;
    padding: 100px 0 100px;
    height: auto;
    z-index: 1;
    margin-top: -200px;
}
.appkaifa-move-2 ul.clearfix{
    width: 1200px;
    overflow: hidden;
    margin: 50px auto 0;
}
.appkaifa-move-2 ul.clearfix li {
    float: left;
    width: 25%;
    text-align: center;
}
.appkaifa-move-2 ul.clearfix li p{
    margin: 20px 10% 0;
    font-size: 16px;
    font-weight: 600;
}
.appkaifa-move-2 .mobile-app-title .text {
    width:560px;
}
.appkaifa-move-3{
    color: #595961;
    padding: 50px 0;
    height: auto;
    z-index: 1;
    /*margin-top: -260px;*/
}
.appkaifa-move-3 .clearfix{
    width: 1000px;
    overflow: hidden;
    margin: 0 auto;
    padding-bottom: 30px;
}
.appkaifa-move-3 .clearfix li{
    float: left;
    width: 16%;
    background: #f5f5f5;
    text-align: center;
    margin:4% 2% 0;
    border-radius: 20px;
    padding: 32px 0;
}
.appkaifa-move-3 .clearfix li:hover{
    background: #f7711f;
    box-shadow: 0px 10px 20px 0px #f5ab7e;
    transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
}
.appkaifa-move-3 .clearfix li p{
    font-size: 16px;
    color: #60646a;
    text-align: center;
    margin-top: 10px;
    font-weight: 700;
}
.appkaifa-move-3 .clearfix li:hover p{
    color: #fff;
}
.appkaifa-move-3 .clearfix li i{
    width: 100%;
    height: 64px;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}
.appkaifa-move-3 .clearfix li.ins_1 i{
    background-image: url("../images/ins_1.png");
}
.appkaifa-move-3 .clearfix li.ins_1:hover i{
    background-image: url("../images/ins_2.png");
}
.appkaifa-move-3 .clearfix li.ins_2 i{
    background-image: url("../images/ins_3.png");
}
.appkaifa-move-3 .clearfix li.ins_2:hover i{
    background-image: url("../images/ins_4.png");
}
.appkaifa-move-3 .clearfix li.ins_3 i{
    background-image: url("../images/ins_5.png");
}
.appkaifa-move-3 .clearfix li.ins_3:hover i{
    background-image: url("../images/ins_6.png");
}
.appkaifa-move-3 .clearfix li.ins_4 i{
    background-image: url("../images/ins_7.png");
}
.appkaifa-move-3 .clearfix li.ins_4:hover i{
    background-image: url("../images/ins_8.png");
}
.appkaifa-move-3 .clearfix li.ins_5 i{
    background-image: url("../images/ins_9.png");
}
.appkaifa-move-3 .clearfix li.ins_5:hover i{
    background-image: url("../images/ins_10.png");
}
.appkaifa-move-3 .clearfix li.ins_6 i{
    background-image: url("../images/ins_11.png");
}
.appkaifa-move-3 .clearfix li.ins_6:hover i{
    background-image: url("../images/ins_12.png");
}
.appkaifa-move-3 .clearfix li.ins_7 i{
    background-image: url("../images/ins_13.png");
}
.appkaifa-move-3 .clearfix li.ins_7:hover i{
    background-image: url("../images/ins_14.png");
}
.appkaifa-move-3 .clearfix li.ins_8 i{
    background-image: url("../images/ins_15.png");
}
.appkaifa-move-3 .clearfix li.ins_8:hover i{
    background-image: url("../images/ins_16.png");
}
.appkaifa-move-3 .clearfix li.ins_9 i{
    background-image: url("../images/ins_17.png");
}
.appkaifa-move-3 .clearfix li.ins_9:hover i{
    background-image: url("../images/ins_18.png");
}
.appkaifa-move-3 .clearfix li.ins_10 i{
    background-image: url("../images/ins_19.png");
}
.appkaifa-move-3 .clearfix li.ins_10:hover i{
    background-image: url("../images/ins_20.png");
}
.appkaifa-move-4{
    height: 530px;
    background: url("../images/software_soft_good.jpg") center;
}
.appkaifa-move-4 ul{
    width: 1200px;
    display: flex;
    margin: 0 auto;
}
.appkaifa-move-4 ul li{
    text-align: center;
    width: 260px;
    padding: 0 20px;
    margin-top: 35px;
}
.appkaifa-move-4 ul li h1{
    font-size: 20px;
    color: #fff;
    font-weight: 100;
    margin-top: 20px;
}
.appkaifa-move-4 ul li p{
    color: #ced9fe;
    margin-top: 15px;
    line-height: 1.7em;
    text-decoration: none;
}
.appkaifa-move-4 .wechat-header-title .text{
    width: 800px;
    text-align: center;
    font-size: 16px;
}
.appkaifa-move-4 .wechat-header-title{
    padding-top: 60px;
}
.appkaifa-wechat-1 .container{
    width: 1200px;
    margin: 40px auto;
}
.appkaifa-wechat-1 .Official_item {
    width: 30%;
    margin-top: 20px;
    display: inline-block;
    padding-bottom: 30px;
    border-bottom: 1px solid #e2e2e2;
    vertical-align: top;
}
.appkaifa-wechat-1 .Official_item:nth-child(2){
    margin-right:4%;
    margin-left:4%;
}
.appkaifa-wechat-1 .Official_item:hover {
    border-bottom: 1px solid #18a3f4;
    transition: all .5s;
}
.appkaifa-wechat-1 .Official_item p {
    color: #999999;
    height: 80px;
    line-height: 30px;
    margin-bottom: 20px;
}
.appkaifa-wechat-1 .Official_item span {
    font-size: 20px;
    /*line-height: 50px;*/
}
.appkaifa-wechat-1 .Official_item > div > span{
    font-size: 94px;
    /*display: none;*/
    -o-transform: translate(0px,-30px);
    -moz-transform: translate(0px,-30px);
    -webkit-transform: translate(0px,-30px);
    -ms-transform: translate(0px,-30px);
    transform: translate(0px,-30px);
    margin-right: 30px;
}
.appkaifa-wechat-1 .Official_item:hover > div > span {
    display: inline-block;
    color: #18a3f4;
    -o-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}
.appkaifa-wechat-1 .Official_item .icon_one {
    width: 74px;
    height: 62px;
    background: url(../images/kaifa_1.png) no-repeat;
    background-size: 100% 100%;
}
.appkaifa-wechat-1 .Official_item:hover .icon_one {
    background: url(../images/kaifa_0.png) no-repeat;
    background-size: 100% 100%;
}
.appkaifa-wechat-1 .Official_item .Official_icon {
    display: inline-block;
    margin-right: 140px;
}
.appkaifa-wechat-1 .Official_item .icon_two {
    width: 74px;
    height: 68px;
    background: url(../images/ding_1.png) no-repeat;
}
.appkaifa-wechat-1 .Official_item:hover .icon_two {
    background: url(../images/ding_0.png) no-repeat;
}
.appkaifa-wechat-1 .Official_item .icon_three {
    width: 74px;
    height: 68px;
    background: url(../images/qiye_1.png) no-repeat;
}
.appkaifa-wechat-1 .Official_item:hover .icon_three {
    background: url(../images/qiye_0.png) no-repeat;
}

.appkaifa-wechat-2,.appkaifa-wechat-3,.appkaifa-xiaochengxu-2,.appkaifa-xiaochengxu-4,.appkaifa-web-2,.appkaifa-web-4{
    background: #f8f8f8;
    padding: 50px 0;
}
.appkaifa-wechat-2 .container{
    width: 1000px;
    margin: 40px auto 0;
}
.appkaifa-wechat-2 .container .row{
    overflow: hidden;
}
.appkaifa-wechat-2 .container .col-sm-4{
    float: left;
    width: 32%;
    margin-bottom: 30px;
    text-align: center;
}
.appkaifa-wechat-2 .container .col-sm-4:nth-child(2),.appkaifa-wechat-2 .container .col-sm-4:nth-child(5){
    margin: 0 2%;
}
.appkaifa-wechat-2 .feature.boxed {
    background: #fff;
    padding: 44px;
}
.appkaifa-wechat-2 .feature.boxed:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
    z-index: 2;
}
.appkaifa-wechat-2 .feature.boxed h5 {
    margin: 1.625em 0 0.8125em 0;
    font-size: 16px;
}
.appkaifa-wechat-2 .feature.boxed p {
    color: #767676;
}
.appkaifa-wechat-2 .feature.boxed .icon{
    background-size: 26%;
    background-position-y: center;
    background-position-x: center;
    background-repeat: no-repeat;
    display: block;
    height: 60px;
    transition: all 1s ease 0s;
}
.appkaifa-wechat-2 .feature.boxed .icon.wechat_icon_1{
    background-image: url(../images/wechat_icon_1.png);
}
.appkaifa-wechat-2 .feature.boxed .icon.wechat_icon_2{
    background-image: url(../images/wechat_icon_2.png);
}
.appkaifa-wechat-2 .feature.boxed .icon.wechat_icon_3{
    background-image: url(../images/wechat_icon_3.png);
}
.appkaifa-wechat-2 .feature.boxed .icon.wechat_icon_4{
    background-image: url(../images/wechat_icon_4.png);
}
.appkaifa-wechat-2 .feature.boxed .icon.wechat_icon_5{
    background-image: url(../images/wechat_icon_5.png);
}
.appkaifa-wechat-2 .feature.boxed .icon.wechat_icon_6{
    background-image: url(../images/wechat_icon_6.png);
}
.appkaifa-wechat-2 .feature.boxed:hover .icon{
    transform: rotate(360deg);
}
.appkaifa-wechat-4{
    padding: 50px 0;
}
.appkaifa-wechat-3 ul.clearfix {
    padding: 180px 0;
    text-align: center;
    margin: 0 auto;
    width: max-content;
    clear: both;
    display: flex;
}
.appkaifa-wechat-3 ul.clearfix li {
    position: relative;
    width: 124px;
    height: 124px;
    margin-left: 100px;
    cursor: pointer;
    -webkit-transition: margin-left .5s;
    transition: margin-left .5s;
}
.appkaifa-wechat-3 ul.clearfix li:first-child {
    margin-left: 0;
}
.appkaifa-wechat-3 ul.clearfix li .gb {
    width: 100%;
    height: 100%;
}
.appkaifa-wechat-3 ul.clearfix li .gb i {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 1px solid #18a3f4;
    border-radius: 50%;
    background: no-repeat center;
    box-sizing: border-box;
    font-style: normal;
    font-weight: 400;
}
.appkaifa-wechat-3 ul.clearfix li em {
    position: absolute;
    left: 50%;
    width: 3px;
    height: 40px;
    margin-left: -1.5px;
    background: #85cef9;
}
.appkaifa-wechat-3 ul.clearfix li.odd em {
    bottom: -42px;
}
.appkaifa-wechat-3 ul.clearfix li.even em {
    top: -42px;
}
.appkaifa-wechat-3 ul.clearfix li em:before {
    position: absolute;
    left: 50%;
    width: 11px;
    height: 11px;
    content: '';
    overflow: hidden;
    margin-left: -7.5px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #85cef9;
}
.appkaifa-wechat-3 ul.clearfix li.odd em:before {
    top: -10px;
}
.appkaifa-wechat-3 ul.clearfix li.even em:before {
    bottom: -10px;
}
.appkaifa-wechat-3 ul.clearfix li .gh {
    position: absolute;
    left: 50%;
    width: 180px;
    transform: translateX(-50%);
    padding: 12px 25px;
    border-radius: 50px;
    box-sizing: border-box;
    -webkit-transition: border .5s;
    border: 1px solid #18a3f4;
    transition: border .5s;
    text-align: center;
}
.appkaifa-wechat-3 ul.clearfix li.odd .gh {
    top: 166px;
}
.appkaifa-wechat-3 ul.clearfix li.even .gh {
    bottom: 166px;
}
.appkaifa-wechat-3 ul.clearfix .wetchat-h5 {
    font-size: 15px;
    font-weight: bold;
    color: #666;
    line-height: 36px;
}
.appkaifa-wechat-3 ul.clearfix li.a1 .gb i {
    background:#FFFFFF url(https://www.topyee.cn/wechat/imgs/D-pment-p20.jpg) no-repeat center;
}
.appkaifa-wechat-3 ul.clearfix li.a2 .gb i {
    background:#FFFFFF url(https://www.topyee.cn/wechat/imgs/D-pment-p21.jpg) no-repeat center;
}
.appkaifa-wechat-3 ul.clearfix li.a3 .gb i {
    background:#FFFFFF url(https://www.topyee.cn/wechat/imgs/D-pment-p22.jpg) no-repeat center;
}
.appkaifa-wechat-3 ul.clearfix li.a4 .gb i {
    background:#FFFFFF url(https://www.topyee.cn/wechat/imgs/D-pment-p23.jpg) no-repeat center;
}
.appkaifa-wechat-3 ul.clearfix li.a5 .gb i {
    background:#FFFFFF url(https://www.topyee.cn/wechat/imgs/D-pment-p24.jpg) no-repeat center;
}
.appkaifa-wechat-3 ul.clearfix li.a6 .gb i {
    background:#FFFFFF url(https://www.topyee.cn/wechat/imgs/D-pment-p25.jpg) no-repeat center;
}
.appkaifa-wechat-3 ul.clearfix li:before {
    position: absolute;
    top: 50%;
    left: -50px;
    width: 9px;
    height: 14px;
    content: '';
    margin-top: -7px;
    background: url(../images/D-pment-p19.png) no-repeat center;
    -webkit-transition: left .5s;
    transition: left .5s;
}
.appkaifa-wechat-3 ul.clearfix li:first-child:before {
    background: none;
    content: '';
}
.appkaifa-xiaochengxu-1,.appkaifa-xiaochengxu-3,.appkaifa-web-1,.appkaifa-web-3,.appkaifa-web-5{
    padding: 50px 0;
}
.appkaifa-xiaochengxu-1 .clearfix {
    padding-top: 30px;
    min-height: 430px;
    width: 1200px;
    margin: auto;
    overflow: hidden;
}
.appkaifa-xiaochengxu-1 .clearfix .aos-init{
    float: left;
    width: 265px;
}
.appkaifa-xiaochengxu-1 .clearfix > img{
    float: left;
    width: calc(100% - 630px);
    margin: 0 50px;
}
.appkaifa-xiaochengxu-1 .clearfix .box li {
    margin-top: 4px;
}
.appkaifa-xiaochengxu-1 .clearfix .box li h3 {
    font-size: 18px;
    color: #333;
}
.appkaifa-xiaochengxu-1 .clearfix .box li p {
    font-size: 14px;
    color: #666;
    line-height: 20px;
    margin-top: 11px;
    height: 94px;
}
.appkaifa-xiaochengxu-2 .clearfix{
    width: 1100px;
    margin: 0 auto;
}
.appkaifa-xiaochengxu-2 .clearfix ul{
    overflow: hidden;
    margin-top: 40px;
}
.appkaifa-xiaochengxu-2 .clearfix li{
    width: 20%;
    float: left;
    text-align: center;
}
.appkaifa-xiaochengxu-2 .clearfix li p{
    margin-top: 16px;
    font-weight: bold;
    font-size: 15px;
}
.appkaifa-xiaochengxu-2 .clearfix li img{
    width: 60px;
}

.appkaifa-xiaochengxu-3 ul{
    overflow:hidden;
    margin: 30px auto 0;
    width: 1200px;
}
.appkaifa-xiaochengxu-3 ul li {
    float: left;
    width: 584px;
    height: 175px;
    padding: 28px 50px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 10px;
    background: #fff;
    box-sizing: border-box;
    cursor: default;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.appkaifa-xiaochengxu-3 ul li:nth-child(2),.appkaifa-xiaochengxu-3 ul li:nth-child(4) {
    float: right;
}
.appkaifa-xiaochengxu-3 ul li:hover {
    border: none;
    background: url(../images/appkaifa_xcx.png) no-repeat center;
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
}
.appkaifa-xiaochengxu-3 ul li div.fl {
    width: 118px;
    float: left;
}
.appkaifa-xiaochengxu-3 ul li div.fl i {
    display: block;
    width: 118px;
    height: 118px;
    background: no-repeat center;
}
.appkaifa-xiaochengxu-3 ul li.L_a1 div.fl i {
    background-image: url(../images/xcx_aifa_1.png);
}
.appkaifa-xiaochengxu-3 ul li.L_a1:hover div.fl i {
    background-image: url(../images/xcx_aifa_hover_1.png);
}
.appkaifa-xiaochengxu-3 ul li.L_a2 div.fl i {
    background-image: url(../images/xcx_aifa_2.png);
}
.appkaifa-xiaochengxu-3 ul li.L_a2:hover div.fl i {
    background-image: url(../images/xcx_aifa_hover_2.png);
}
.appkaifa-xiaochengxu-3 ul li.L_a3 div.fl i {
    background-image: url(../images/xcx_aifa_3.png);
}
.appkaifa-xiaochengxu-3 ul li.L_a3:hover div.fl i {
    background-image: url(../images/xcx_aifa_hover_3.png);
}
.appkaifa-xiaochengxu-3 ul li.L_a4 div.fl i {
    background-image: url(../images/xcx_aifa_4.png);
}
.appkaifa-xiaochengxu-3 ul li.L_a4:hover div.fl i {
    background-image: url(../images/xcx_aifa_hover_4.png);
}
.appkaifa-xiaochengxu-3 ul li div.fr {
    width: 344px;
    float: right;
}
.appkaifa-xiaochengxu-3 ul li span {
    display: block;
    padding: 20px 0 12px;
    font-size: 22px;
    font-weight: bold;
    color: #333;
    line-height: 1;
}
.appkaifa-xiaochengxu-3 ul li font {
    display: block;
    font-size: 15px;
    color: #666;
    line-height: 24px;
}
.appkaifa-xiaochengxu-3 ul li:hover  span {
    color: #fff;
}
.appkaifa-xiaochengxu-3 ul li:hover  font {
    color: #fff;
}

.appkaifa-xiaochengxu-4 .core-function {
    text-align: center;
    margin-top: 48px;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    font-size: 0;
    padding-bottom: 76px;
}
.core-function-item {
    width: 220px;
    height: 160px;
    box-sizing: border-box;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}
.core-function-item h4 {
    color: rgba(255,255,255,1);
    font-size: 24px;
    height: 24px;
    line-height: 24px;
    font-weight: 400;
    position: absolute;
    top: 64px;
    width: 100%;
    transition: top .3s;
}
.core-function-item p {
    position: absolute;
    font-size: 14px;
    font-weight: 400;
    color: rgba(255,255,255,1);
    width: 100%;
    transition: top .3s;
}
.core-function-item:hover h4 {
    top: 39px;
}
.core-function-item:hover .core-function-p1 {
    top: 78px;
}
.core-function-item:hover .core-function-p2 {
    top: 102px;
}
.core-function-img-hover {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
.core-function-item:hover .core-function-img-hover {
    visibility: visible;
}

.appkaifa-wechat-4 .customized-list{
    width: 1200px;
    margin:40px auto 0;
    overflow: hidden;
    text-align: center;
}
.appkaifa-wechat-4 .customized-list-cen {
    float: left;
    padding: 0px 45px;
    width: 210px;
    cursor: pointer;
}
.appkaifa-wechat-4 .customized-list-cen h4 {
    padding: 19px 0px 3px 0px;
    font-size: 24px;
    color: #333333;
}
.appkaifa-wechat-4 .customized-list-cen p {
    font-size: 12px;
    padding-bottom: 17px;
    color: #666666;
}
.appkaifa-wechat-4 .customized-list-mx {
    background: #10abf3;
    border: 1px solid #10abf3;
    color: #fff;
    border-radius: 20px;
    padding: 15px;
    opacity: 0;
}
.appkaifa-wechat-4 .customized-list-cen:hover .customized-list-mx {
    opacity: 1;
}
.appkaifa-web-1{
    background: url(../images/newline.png);
    background-position:bottom;
    background-repeat: no-repeat;
}
.appkaifa-web-1 ul{
    overflow: hidden;
    width: 1200px;
    margin: 30px auto 0;
}
.appkaifa-web-1 ul li {
    float: left;
    width: 32%;
    height: 450px;
    padding: 35px 50px;
    box-sizing: border-box;
    cursor: default;
    -webkit-transition: all .3s;
    transition: all .3s;
    background: #f8f8f8;
    box-shadow: 0px 0px 10px 0px rgba(29,31,42,0.09);
}
.appkaifa-web-1 ul li:nth-child(2){
    margin: 0 2%;
}
.appkaifa-web-1 ul li h4 {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    line-height: 80px;
    position: relative;
}
.appkaifa-web-1 ul li h4:after{
    content: "";
    width: 30%;
    height: 2px;
    display: block;
    background: #3061ca;
    position: absolute;
    bottom: 0;
}
.appkaifa-web-1 ul li p {
    height: 55px;
    font-size: 15px;
    color: #60646a;
    line-height: 36px;
}

.appkaifa-web-2 .list{
    overflow: hidden;
    width: 998px;
    margin: 40px auto 0;
}
.appkaifa-web-2 .list li {
    float: left;
    width: 224px;
    margin-bottom: 60px;
    margin-right: 163px;
}
.appkaifa-web-2 .list li.item-5,.appkaifa-web-2 .list li.item-4{
    margin-right: 0;
}
.appkaifa-web-2 .list li .img {
    width: 100px;
    height: 100px;
    position: relative;
    margin-bottom: 10px;
}
.appkaifa-web-2 .list li .img img{
    width: 100%;
}
.appkaifa-web-2 .list li h3 {
    font-size: 18px;
    margin-bottom: 10px;
}
.appkaifa-web-2 .list li p {
    font-size: 14px;
    color: #95989d;
}

.appkaifa-web-3 .clearfix {
    overflow: hidden;
    width: 1100px;
    height: 402px;
    margin: 40px auto 0;
}
.appkaifa-web-3 .list {
    position: relative;
    z-index: 2;
    float: left;
    width: 203px;
}
.appkaifa-web-3 .list:last-child{
    float: right;
    width: 211px;
}
.appkaifa-web-3 .list_img {
    float: left;
    width: calc(100% - 414px);
    text-align: center;
}
.appkaifa-web-3 .list_img img{
    width:402px;
    height: 402px;
}
.appkaifa-web-3 .list li{
    margin-bottom: 100px;
}

.appkaifa-web-3 .list .title {
    font-size: 20px;
    color: #333;
    font-weight: 700;
    position: relative;
    margin-bottom: 14px;
}
.appkaifa-web-3 .list .text {
    font-size: 16px;
    color: #95989d;
    overflow: hidden;
}
.appkaifa-web-3 .list .text p {
    margin-left: 44px;
    margin-bottom: 8px;
}
.appkaifa-web-3 .list .text p:before {
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background: #95989d;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.appkaifa-web-3 .list .title i {
    display: inline-block;
    width: 34px;
    height: 34px;
    vertical-align: -8px;
    margin-right: 12px;
}
.appkaifa-web-3 .list .item-1 .title i {
    background: url(../images/appkaifa_web_2.png) no-repeat;
    background-size: 100% 100%;
}
.appkaifa-web-3 .list .item-2 .title i {
    background: url(../images/appkaifa_web_3.png) no-repeat;
    background-size: 100% 100%;
}
.appkaifa-web-3 .list .item-3 .title i {
    background: url(../images/appkaifa_web_4.png) no-repeat;
    background-size: 100% 100%;
}
.appkaifa-web-3 .list .item-4 .title i {
    background: url(../images/appkaifa_web_5.png) no-repeat;
    background-size: 100% 100%;
}


.floor-content3{
    overflow: hidden;
    margin: 40px auto 0;
    width: 1375px;
}
.floor-content3 li {
    float: left;
    position: relative;
    background-color: #FFF;
    width: 255px;
    height: 330px;
    margin: 0 10px 0 10px;
    overflow: hidden;
    bottom: 0 !important;
    display: inline;
}
.floor-content3 li .business_ho {
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/business_ho.jpg) no-repeat;
    width: 255px;
    height: 330px;
    opacity: 0;
    display: block;
}
.floor-content3 li:hover .business_ho {
    opacity: 1;
    display: block;
}
.floor-content3 li .business_icon {
    position: absolute;
    top: 48px;
    z-index: 10;
    width: 122px;
    height: 122px;
    right: 66px;
}
.floor-content3 li .business_icon img{
    width: 100%;
}
.floor-content3 li .business_icon1 {
    right: 66px;
}
.floor-content3 li .business_icon2 {
    left: -122px;
}
.floor-content3 li .business_text {
    position: absolute;
    top: 206px;
    z-index: 10;
    width: 220px;
}
.floor-content3 li .business_text1 {
    left: 18px;
}
.floor-content3 li .business_text2 {
    right: -220px;
}
.floor-content3 li .business_title {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
.floor-content3 li .business_intro {
    font-size: 10px;
    line-height: 22px;
    height: 66px;
    overflow: hidden;
    padding-top: 10px;
    text-align: center;
    color: #95989d;
}
.floor-content3 li.floor_on .business_title,.floor-content3 li.floor_on .business_intro {
    color: #FFFFFF;
}
.leix_list {
    width: 1400px;
    margin: 40px auto 0;
    overflow: hidden;
}
.leix_list dl {
    float: left;
    width: calc(33% - 20px);
    height: 150px;
    margin: 0 10px 20px;
    background: #f8f8f8;
    transition: all 1s;
    box-shadow: 0px 0px 10px 0px rgba(29,31,42,0.09);
}
.leix_list dt {
    float: left;
    width: 90px;
    height: 90px;
    margin: 30px 0px 30px 40px;
    border-radius: 50%;
    border: 1px solid #edeeef;
    box-shadow: 0 0 15px #f1f2f3;
    overflow: hidden;
    background: #fff;
    transition: all .6s;
    text-align: center;
}
.leix_list dt img{
    width: 60%;
    margin: 20%;
}
.leix_list dd {
    float: left;
    width: 224px;
    margin-left: 30px;
    margin-top: 32px;
}
.leix_list dd span {
    display: block;
    overflow: hidden;
    margin-bottom: 8px;
    font-size: 20px;
    color: #333;
    font-weight: bold;
}
.leix_list dd p {
    height: 72px;
    overflow: hidden;
    line-height: 26px;
    font-size: 14px;
    color: #999;
}

.whyChooseUs{
    margin: 0 auto;
    padding: 80px 0;
    width: 1260px;
    overflow: hidden;
}
.whyChooseUs_l {
    float: left;
    width: 500px;
}
.whyChooseUs_l h3 {
    color: #353434;
    font-size: 22px;
}
.whyChooseUs_l h3 span{
    color: #353434;
    font-size: 30px;
}
.whyChooseUs_l p {
    padding: 20px 0 10px 0;
    line-height: 26px;
    color: #777777;
    font-size: 15px;
}
.whyChooseUs_l p.en {
    padding: 0 0 30px 0;
    line-height: 18px;
    color: #9F9F9F;
    font-size: 14px;
    text-align: justify;
}
.whyChooseUs_r li img {
    float: left;
    margin: 0 20px 40px 0;
    width: 80px;
}
.whyChooseUs_r {
    float: right;
    width: 670px;
}
.whyChooseUs_r li {
    margin: 0 0 4px 0;
    overflow: hidden;
}
.whyChooseUs_r li h4 {
    font-size: 17px;
    color: #353434;
}
.whyChooseUs_r li p {
    padding: 10px 0 0 0;
    color: #989898;
    font-size: 13px;
    line-height: 22px;
    text-align: justify;
}
.about-us-7{
    padding: 40px 0;
}
.about-us-7 .flex-column {
    width: 1260px;
    margin: 20px auto 0;
}
.about-us-7 .flex-column img{
    width:291.5px;
    margin: 0 10px;
}
.about-us-7 .title-china {
    position: relative;
    font-size: 25px;
    color: #f7711f;
    padding-bottom: 14px;
}
.about-us-7 .title-china span {
    font-size: 24px;
    color: #989898;
    font-weight: 500;
    margin: 0 30px;
}
.about-us-7 .title-china:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform:translateX(-50%);
    width: 40px;
    height: 4px;
    /* background-color: #ff9e06; */
    background-color: #f7711f;
}
#certify {
    position: relative;
    width: 1200px;
    margin: 20px auto 0;
}

#certify .swiper-container {
    padding-bottom: 60px
}

#certify .swiper-slide {
    width: 320px;
    height: 438px;
    background: #fff;
    box-shadow: 0 8px 30px #ddd
}
#certify .swiper-slide img {
    display: block;
    width: 100%;
}

#certify .swiper-slide p {
    line-height: 98px;
    padding-top: 0;
    text-align: center;
    color: #636363;
    font-size: 1.1em;
    margin: 0
}

#certify .swiper-pagination {
    width: 100%;
    bottom: 20px
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    border: 3px solid #fff;
    background-color: #d5d5d5;
    width: 10px;
    height: 10px;
    opacity: 1
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 3px solid #00aadc;
    background-color: #fff
}

#certify .swiper-button-prev {
    left: -30px;
    top: 44%;
    width: 45px;
    height: 45px;
    background: url(../images/swiper_left.png) no-repeat;
    background-size: 100%;
    outline:none;
}
#certify .swiper-button-next {
    right: -30px;
    top: 44%;
    width: 45px;
    height: 45px;
    background: url(../images/swiper_right.png) no-repeat;
    background-size: 100%;
    outline:none;
}

.perplex_left {
    display: flex;
    margin: 0 auto;
    width: max-content;
}
.perplex_left ul li {
    height: 44px;
    line-height: 44px;
    box-sizing: border-box;
    position: relative;
    color: #DDDDDD;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
}
.perplex_left ul li::before {
    content: ' ';
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #DDDDDD;
    box-sizing: border-box;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}
.perplex_left ul li::after {
    content: ' ';
    border-left: 1px dashed #ddd;
    position: absolute;
    height: 44px;
    width: 100%;
    top: 62%;
    left:5px;
}
.perplex_left ul li .triangle_bg {
    display: flex;
    margin-left: 35px;
}
.perplex_left ul li .triangle_bg em {
    font-size: 24px;
    font-weight: normal;
    color: #DDDDDD;
    margin-right: 16px;
    font-family: Arial;
    font-style: italic;
    z-index: 2;
}
.perplex_left ul li .triangle_bg span {
    display: inline-block;
    color: #444444;
    font-size: 16px;
    font-weight: normal;
}
.perplex_left ul li.active {
    color: #6c63ff;
    /*width: 330px;*/
    background: #fff;
    z-index: 2;
}
.perplex_left ul li.active::before {
    border: 2px solid #6c63ff;
}
.perplex_left ul li.active .triangle_bg {
    display: flex;
    position: relative;
    box-shadow: 2px 4px 10px rgba(108, 99, 255, 0.2);
}
.perplex_left ul li.active .triangle_bg::before {
    content: " ";
    width: 20px;
    height: 25px;
    background: #fff;
    position: absolute;
    bottom: 4px;
    left: -8px;
    transform: rotate(150deg);
    box-shadow: 2px 4px 10px rgba(108, 99, 255, 0.2);
}
.perplex_left ul li.active .triangle_bg::after {
    content: " ";
    width: 20px;
    height: 25px;
    background: #fff;
    position: absolute;
    top: 3px;
    left: -9px;
    transform: rotate(30deg);
}
.perplex_left ul li.active .triangle_bg em, .perplex_left ul li.active .triangle_bg span {
    color: #6c63ff;
    font-weight: 700;
}


.bogo_yiduiyi_1000 {
    width: 1200px;
    margin: 30px auto 0;
    overflow: hidden;
}
.bogo_yiduiyi_tex li {
    width: calc(25% - 40px);
    float: left;
    height: 260px;
    padding: 20px;
    cursor: pointer;
}
.bogo_yiduiyi_tex_img2 {
    width: 100%;
    height: 60px;
    text-align: center;
}
.bogo_yiduiyi_tex_img2 img {
    height: 100%;
}
.bogo_yiduiyi_tex_title {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-top: 10px;
    font-size: 20px;
    color: #6c63ff;
    font-weight: 700;
}
.bogo_yiduiyi_tex_center {
    line-height: 25px;
    margin-top: 10px;
    font-size: 14px;
}


.multi-terminal {
    height: 660px;
    background-image: url(/skin/index/images/img_bg4.png);
    background-position: center;
}
.multi-terminal .multi-slideBox {
    position: relative;
    width: 1200px;
    margin: 40px auto;
}
.multi-terminal .hd .multi-item {
    width: 327px;
    /*padding: 22px 45px 20px 30px;*/
    position: absolute;
    cursor: pointer;
}
.multi-terminal .hd .multi-item.multi-item-1 {
    left: 0;
    top: 74px;
}
.multi-terminal .hd .multi-item.multi-item-2 {
    left: 0;
    bottom: 74px;
}
.multi-terminal .hd .multi-item.multi-item-3 {
    right: 0;
    top: 74px;
}
.multi-terminal .hd .multi-item.multi-item-4 {
    right: 0;
    bottom: 74px;
}
.multi-terminal .hd .multi-item h3 {
    font-size: 20px;
    color: #333;
    margin-bottom: 2px;
}
.multi-terminal .hd .multi-item p {
    font-size: 14px;
    color: #666;
    line-height: 20px;
}
.multi-terminal .bd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 532px;
}
.multi-terminal .bd .img, .multi-terminal .bd .img img {
    width: 540px;
    height: 510px;
}
.perplex_left img {
    width: 440px;
     height: 320px;
    margin-left: 120px;
}




.column-10 {
    position: relative;
    justify-content: center;
    align-items: center;
    /*height: 300px;*/
    /*padding: 87px 0 0px 0;*/
    /*margin: 80px 0 0 0;*/
    background-color: #333;
    z-index: 2;
    /*margin-top: 60px;*/
}
.footer_content {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    z-index: 6;
}
.fr {
    float: right;
}
.fl {
    float: left;
}
.footer_content .footer_content_top {
    padding: 60px 0px;
    padding-bottom: 40px;
    overflow: hidden;
}
.footer_content .footer_content_top .content_top_share {
    width: 21%;
}
.footer_content .footer_content_top .content_top_left {
    width: 63%;
}
.footer_content .footer_content_top .content_top_right {
    width: 16%;
    text-align: right;
}
.footer_content_top .content_top_left .top_left_list {
    width: 21%;
}
.footer_content_top .content_top_left .top_left_list:last-child{
    width: 31%;
}
.footer_content .footer_content_top .content_top_left .top_left_list dd {
    margin-bottom: 20px;
}
.footer_content .footer_content_top .content_top_left .top_left_list dd a {
    font-size: 14px;
    color: #fff;
}
.footer_content .footer_content_top .content_top_left .top_left_list dt a {
    font-size: 14px;
    color: #777777;
    display: inline-block;
    width: 100%;
    margin-bottom: 12px;
}
.footer_content .footer_content_top .content_top_left .top_left_list dt>div{
    font-size: 14px;
    color: #777777;
    display: inline-block;
    width: 100%;
    margin-bottom: 12px;
}
.footer_content .footer_content_top .content_top_right .top_right_title {
    font-size: 16px;
    color: #fff;
    margin-bottom: 20px;
}
.footer_content .footer_content_top .content_top_right .top_right_content .right_content_list {
    color: #777777;
    font-size: 14px;
    margin-bottom: 15px;
}
.footer_content .footer_content_bottom {
    margin-bottom: 20px;
    overflow: hidden;
}
.footer_content .footer_content_bottom .content_bottom_left {
    font-size: 14px;
    color: #555555;
    width: 7%;
}
.footer_content .footer_content_bottom .content_bottom_right {
    width: 93%;
}
.footer_content .footer_content_bottom .content_bottom_right a {
    font-size: 12px;
    display: inline-block;
    /*width: 7%;*/
    color: #777777;
    margin-left: 2%;
    margin-bottom: .8%;
}
.footer_content_copyright {
    width: 100%;
    padding: 24px 0px;
    text-align: center;
    border-top: 1px solid #666;
    z-index: 521;
    position: relative;
    color: #777777;
}


.dev_plan_desc .plan_left {
    margin-left: 18vw;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 14vw;
}
.dev_plan_desc .plan_left .plan_item {
    flex: 1;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #464646;
    color: #999999;
    font-size: 1.25vw;
    border-bottom: 1px solid #acacac;
    cursor: default;
    box-sizing: border-box;
}
.dev_plan_desc .plan_left .plan_item.plan_item_active {
    background: transparent;
    color: #fff;
}



.product {
    margin-top: 40px;
    margin-bottom: :20px;
}
.product  ul {
    margin: 0 auto;
    width: 1200px;
    overflow: hidden;
}
.product  ul li {
    width: 280px;
    overflow: hidden;
    border: 1px solid #dbdbdd;
    float: left;
    margin-left: -1px;
    position: relative;
    -webkit-transition: width 0.4s;
    transition: width 0.4s;
    background: #fff;
}
.product ul li .card {
    font-size: 14px;
    height: 170px;
    line-height: 26px;
    text-align: center;
}
.product ul li .card img {
    width: 55px;
    height: 55px;
    margin-top: 30px;
}
.product ul li .card h2 {
    font-size: 18px;
}
.product ul li .card p.short-info {
    font-size: 14px;
    color: #949a9e;
}
.product ul li .card-list {
    height: 300px;
    overflow: hidden;
}
.product ul li .card-list dl {
    font-size: 16px;
    margin-bottom: 47px;
    margin-top: 47px;
    width: 100%;
    text-align: center;
}
.product ul li .card-list dl dd {
    color: #373d41;
    margin-bottom: 30px;
}
.product  ul li .card-con {
    height: 318px;
    overflow: hidden;
    font-size: 14px;
    width: 300px;
    /*padding-top: 26px;*/
    margin: 0px auto;
    text-align: left;
    display: none;
}
.product ul li .card-con .main-info {
    height: auto;
    overflow: hidden;
}
.product ul li .card-con .main-info p.main-head {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 4px;
}
.product ul li .card-con .main-info p.main-desc {
    font-size: 14px;
    line-height: 22px;
    color: #a9b0b4;
    margin: 10px 0;
}
.product ul li .card-con .other-info {
    border-top: 1px solid #ebebec;
    padding-top: 20px;
    height: auto;
    overflow: hidden;
}
.product ul li .card-con .other-info dl {
    height: auto;
    overflow: hidden;
    font-size: 12px;
    line-height: 22px;
}
.product ul li .card-con .other-info dl dd {
    /*height: 80px;*/
    margin-bottom: 10px;
    padding-right: 5px;
    float: left;
    width: 45%;
}
.product ul li.active .card h2,.product ul li.active .card p.short-info {
    color: #fff;
}
.product ul li.active {
    z-index: 1;
    border: 1px solid #ff8800;
    box-shadow: 0 0 20px rgba(255, 136, 0, .3);
    height: 510px;
    width: 356px;
    margin-top: -17px;
}
.product ul li.active .card {
    background: #ff8800;
}
.product ul li.active .card-list {
    display: none;
}
.product ul li.active .card-con {
    display: block;
}



.column-2 .section-inner {
    width: 1280px;
    height: 100%;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0px 0px 54px 0px rgba(6, 48, 79, 0.18);
    transform: translateY(-20%) ;
}
.column-2 .section-inner .section-content {
    display: flex;
    justify-content: flex-start;
}
.content-left {
    position: relative;
    top: -56px;
    margin-left: 35px;
    z-index: 999;
}
.content-left img {
    width: 242px;
    height: 229px;
}
.content-right {
    height: 100%;
    width: calc(100% - 350px);
    margin-left: 35px;
}
.content-right .top-title {
    font-size: 28px;
    font-weight: bold;
    color: #444444;
    /*text-align: center;*/
    margin-top: 26px;
    margin-bottom: 10px;
}
.content-right .bottom-input {
    margin-top: 31px;
    display: flex;
    justify-content: space-between;
}
.content-right .bottom-input .input-left {
    position: relative;
    margin-left: 20px;
}



.section-three .section-inner {
    width: 1200px;
    margin: 0 auto;
}
.section-three .content-top {
    position: relative;
    height: 250px;
}
.section-three .content-top .content-item {
    height: 95px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
}
.section-three .content-top .content-item:nth-child(1) {
    position: absolute;
    left: 0;
    top: 169px;
    animation: Shake 3s linear 0s infinite alternate;
}
.section-three .content-top .content-item:nth-child(2) {
    position: absolute;
    left: 186px;
    top: 64px;
    animation: Shake 4s linear 0.5s infinite alternate;
}
.section-three .content-top .content-item:nth-child(3) {
    position: absolute;
    left: 308px;
    top: 154px;
    animation: Shake 2s linear 1s infinite alternate;
}
.section-three .content-top .content-item:nth-child(4) {
    position: absolute;
    left: 495px;
    top: 7px;
    animation: Shake 3s linear 0s infinite alternate;
}
.section-three .content-top .content-item:nth-child(5) {
    position: absolute;
    left: 561px;
    top: 177px;
    animation: Shake 3s linear 1.5s infinite alternate;
}
.section-three .content-top .content-item:nth-child(6) {
    position: absolute;
    left: 756px;
    top: 88px;
    animation: Shake 4s linear 1s infinite alternate;
}
.section-three .content-top .content-item:nth-child(7) {
    position: absolute;
    left: 945px;
    top: 16px;
    animation: Shake 3s linear 1s infinite alternate;
}
.section-three .content-top .content-item:nth-child(8) {
    position: absolute;
    left: 1035px;
    top: 174px;
    animation: Shake 2s linear 2s infinite alternate;
}
.section-three .content-top .content-item .line1 {
    width: 0;
    height: 120px;
    border: 0.5px dashed #ff8800;
    position: absolute;
    left: 29px;
    top: 58px;
}
.section-three .content-top .content-item .line2 {
    width: 0;
    height: 236px;
    border: 0.5px dashed #ff8800;
    position: absolute;
    left: 29px;
    top: 60px;
}
.section-three .content-top .content-item .line3 {
    width: 0;
    height: 135px;
    border: 0.5px dashed #ff8800;
    position: absolute;
    left: 29px;
    top: 58px;
}
.section-three .content-top .content-item .line4 {
    width: 0;
    height: 278px;
    border: 0.5px dashed #ff8800;
    position: absolute;
    left: 29px;
    top: 59px;
}
.section-three .content-top .content-item .line5 {
    width: 0;
    height: 125px;
    border: 0.5px dashed #ff8800;
    position: absolute;
    left: 29px;
    top: 58px;
}
.section-three .content-top .content-item .line6 {
    width: 0;
    height: 205px;
    border: 0.5px dashed #ff8800;
    position: absolute;
    left: 29px;
    top: 58px;
}
.section-three .content-top .content-item .line7 {
    width: 0;
    height: 272px;
    border: 0.5px dashed #ff8800;
    position: absolute;
    left: 28px;
    top: 58px;
}
.section-three .content-top .content-item .line8 {
    width: 0;
    height: 110px;
    border: 0.5px dashed #ff8800;
    position: absolute;
    left: 29px;
    top: 58px;
}
.section-three .content-top .content-item .desc .img {
    display: inline-block;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    overflow: hidden;
}
.section-three .content-top .content-item .desc .img-1 {
    background: url(../images/_home_icon1_default.png);
}
.section-three .content-top .content-item .desc .img-1:hover {
    background: url(../images/_home_icon1_selected.png);
}
.section-three .content-top .content-item .desc .img-2 {
    background: url(../images/_home_icon2_default.png);
}
.section-three .content-top .content-item .desc .img-2:hover {
    background: url(../images/_home_icon2_selected.png);
}
.section-three .content-top .content-item .desc .img-3 {
    background: url(../images/_home_icon3_default.png);
}
.section-three .content-top .content-item .desc .img-3:hover {
    background: url(../images/_home_icon3_selected.png);
}
.section-three .content-top .content-item .desc .img-4 {
    background: url(../images/_home_icon4_default.png);
}
.section-three .content-top .content-item .desc .img-4:hover {
    background: url(../images/_home_icon4_selected.png);
}
.section-three .content-top .content-item .desc .img-5 {
    background: url(../images/_home_icon5_default.png);
}
.section-three .content-top .content-item .desc .img-5:hover {
    background: url(../images/_home_icon5_selected.png);
}
.section-three .content-top .content-item .desc .img-6 {
    background: url(../images/_home_icon6_default.png);
}
.section-three .content-top .content-item .desc .img-6:hover {
    background: url(../images/_home_icon6_selected.png);
}
.section-three .content-top .content-item .desc .img-7 {
    background: url(../images/_home_icon7_default.png);
}
.section-three .content-top .content-item .desc .img-7:hover {
    background: url(../images/_home_icon7_selected.png);
}
.section-three .content-top .content-item .desc .img-8 {
    background: url(../images/_home_icon8_default.png);
}
.section-three .content-top .content-item .desc .img-8:hover {
    background: url(../images/_home_icon8_selected.png);
}
.section-three .content-top .content-item .desc span {
    display: inline-block;
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #444444;
    line-height: 58px;
    vertical-align: top;
    margin-left: 10px;
    opacity: 1;
    transition: all 0.5s 0s;
}
.section-three .content-top .content-item .desc span:last-child {
    margin-left: 0;
}


ul.logo-list {
    height: 301px;
    overflow: hidden;
    border-left: 1px solid #f4f4f4;
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    width: 1280px;
    margin: 45px auto 0;
}
ul.logo-list li {
    position: relative;
    width: 181px;
    height: 100px;
    float: left;
    text-align: center;
    border-right: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    transition: 500ms ease-out;
    -webkit-transition: 500ms ease-out;
    -ms-transition: 500ms ease-out;
    -moz-transition: 500ms ease-out;
    -o-transition: 500ms ease-out;
}
ul.logo-list li img {
    max-width: 44%;
    margin: 18px 0;
    opacity: 0.5;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    transition: 500ms ease-out;
    -webkit-transition: 500ms ease-out;
    -ms-transition: 500ms ease-out;
    -moz-transition: 500ms ease-out;
    -o-transition: 500ms ease-out;
}
ul.logo-list li:hover img {
    opacity: 1;
    filter: none;
}
ul.logo-list li a::after {
    box-shadow: 0 0 0 0 #eee inset;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.2s ease 0s;
    width: 100%;
}
.column-5 .section-inner{
    width: 1000px;
    margin: 40px auto 60px;

}
.column-5 .section-inner .section-content{
    display: flex;
}
.column-5 .section-inner .section-content .content-right{
    width: auto;
}

.mobile-app-3 .bounceInRight{
    width: 1200px;
    margin: 0 auto;
}
.mobile-app-3 .bounceInRight .mian {
    text-align: center;
    overflow: hidden;
}
.mobile-app-3 .bounceInRight .mian ul li {
    float: left;
    width: 200px;
    height: 173px;
    margin: 35px 20px 0;
    border-radius: 20px;
    background: #fff;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.mobile-app-3 .bounceInRight .mian ul li h4 {
    width: 100%;
    height: 64px;
    padding: 40px 0 20px;
    background-position: center;
    background-repeat: no-repeat;
}
.mobile-app-3 .bounceInRight .mian ul li.ins_1 h4 {
    background-image: url(../images/ins_1.png);
}

.mobile-app-3 .bounceInRight .mian ul li.ins_2 h4 {
    background-image: url(../images/ins_3.png);
}

.mobile-app-3 .bounceInRight .mian ul li.ins_3 h4 {
    background-image: url(../images/ins_5.png);
}

.mobile-app-3 .bounceInRight .mian ul li.ins_4 h4 {
    background-image: url(../images/ins_7.png);
}

.mobile-app-3 .bounceInRight .mian ul li.ins_5 h4 {
    background-image: url(../images/ins_9.png);
}

.mobile-app-3 .bounceInRight .mian ul li.ins_6 h4 {
    background-image: url(../images/ins_11.png);
}

.mobile-app-3 .bounceInRight .mian ul li.ins_7 h4 {
    background-image: url(../images/ins_13.png);
}

.mobile-app-3 .bounceInRight .mian ul li.ins_8 h4 {
    background-image: url(../images/ins_15.png);
}

.mobile-app-3 .bounceInRight .mian ul li.ins_9 h4 {
    background-image: url(../images/ins_17.png);
}

.mobile-app-3 .bounceInRight .mian ul li.ins_10 h4 {
    background-image: url(../images/ins_19.png);
}

.mobile-app-3 .bounceInRight .mian ul li:hover.ins_1 h4 {
    background-image: url(../images/ins_2.png);
}

.mobile-app-3 .bounceInRight .mian ul li:hover.ins_2 h4 {
    background-image: url(../images/ins_4.png);
}

.mobile-app-3 .bounceInRight .mian ul li:hover.ins_3 h4 {
    background-image: url(../images/ins_6.png);
}

.mobile-app-3 .bounceInRight .mian ul li:hover.ins_4 h4 {
    background-image: url(../images/ins_8.png);
}

.mobile-app-3 .bounceInRight .mian ul li:hover.ins_5 h4 {
    background-image: url(../images/ins_10.png);
}

.mobile-app-3 .bounceInRight .mian ul li:hover.ins_6 h4 {
    background-image: url(../images/ins_12.png);
}

.mobile-app-3 .bounceInRight .mian ul li:hover.ins_7 h4 {
    background-image: url(../images/ins_14.png);
}

.mobile-app-3 .bounceInRight .mian ul li:hover.ins_8 h4 {
    background-image: url(../images/ins_16.png);
}

.mobile-app-3 .bounceInRight .mian ul li:hover.ins_9 h4 {
    background-image: url(../images/ins_18.png);
}

.mobile-app-3 .bounceInRight .mian ul li:hover.ins_10 h4 {
    background-image: url(../images/ins_20.png);
}

.mobile-app-3 .bounceInRight .mian ul li:hover {
    background: #f7711f;
    box-shadow: 0px 6px 20px 0px #f6ae84;
    transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
}



.mobile-app-3 .bounceInRight .mian ul li p {
    /* padding-left: 30px; */
    font-size: 14px;
    color: #60646a;
    text-align: center;
}

.mobile-app-3 .bounceInRight .mian ul li:hover p {
    color: #fff;
}

.m-new-ul {
    padding: 40px;
    width: 1200px;
    margin: 0 auto;
    margin-top: 20px;
    overflow: hidden;
}
.m-new-ul li.f-fl {
    width: 285px;
    background: #FFF;
    border-radius: 3px;
    box-shadow: 0 5px 10px 0 rgba(2,31,65,.05);
    float: left;
}
.m-new-top {
    height: 80px;
    background-image: url(../images/header.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    overflow: hidden;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.m-new-top1 {
    background-position: 0 0;
}
.m-new-top2 {
    background-position: 0 -90px;
}
.m-new-top3 {
    background-position: 0 -180px;
}
.m-new-top4 {
    background-position: 0 -270px;
}
.m-new-top p {
    font-size: 18px;
    color: #FFF;
    margin-top: 15px;
    margin-left: 20px;
    font-weight: 700;
}
.m-new-child {
    height: 290px;
    overflow: hidden;
    margin-top: 10px;
}
.m-new-child li {
    position: relative;
    cursor: default;
}
.m-new-child li.active.child-li1 .m-new-childli {
    background-position: 0 0;
}
.m-new-child li.active.child-li2 .m-new-childli {
    background-position: 0 -120px;
}
.m-new-child li.active.child-li3 .m-new-childli {
    background-position: 0 -240px;
}
.m-new-child li.active.child-li4 .m-new-childli {
    background-position: 0 -360px;
}
.m-new-child li.active .m-new-childli {
    height: 70px;
    background-image: url(../images/top@1x.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: relative;
}
.m-new-childli {
    display: block;
    padding: 20px;
    height: 50px;
    cursor: default;
}
.m-new-child h5 {
    color: #70747d;
    letter-spacing: 0;
    line-height: 24px;
    font-size: 16px;
}
.m-new-child h5 span.yuan {
    display: inline-block;
    width: 7px;
    height: 7px;
    /*background-color: #ffaa00;*/
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin-right: 10px;
    border-radius: 50%;
    border: 2px solid #ffaa00;
}
.m-new-child li .index-show {
    display: block;
    padding-top: 6px;
}
.m-new-child li .index-hide {
    display: none;
    color: #73767c;
}
.m-new-child li.active .index-show {
     display: none;
 }
.m-new-child p {
    font-size: 12px;
    color: #979ba5;
    letter-spacing: 0;
    line-height: 20px;
    padding-left: 20px;
}
.m-new-child li.active .index-hide {
    display: block;
}
.m-new-child li .index-hide.p1 {
    padding-top: 6px;
}


.wechat-column-3 .row {
    width: 1200px;
    margin: 40px auto 0;
}
.wechat-column-3 .col-sm-3 {
    width: calc(25% - 40px);
    float: left;
    margin: 0 20px;
}
.wechat-column-3 .col-sm-3  .shop-list {
    display: block;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    color: #fff;
    margin-bottom: 30px;
}
.wechat-column-3 .max-block {
    display: block;
    width: 100%;
}
.wechat-column-3 .shop-list .shop-layer {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
}
.wechat-column-3 .shop-list:hover .shop-layer {
    top: -40%;
}
.wechat-column-3 .shop-layer .shop-header {
    background: rgba(0,0,0,0.2);
    height: 90%;
    /*padding-top: 25%;*/
    text-align: center;
    color: #fff;
}
.wechat-column-3 .shop-layer .shop-header .shop-icon {
    width: 25%;
    margin: 0 auto;
    margin-bottom: 30px;
    padding-top: 70px;
}
.wechat-column-3 .shop-layer .shop-header .shop-name{
    color: #fff;
}
.wechat-column-3 .shop-layer .shop-remark {
    position: relative;
    background: #f80;
    padding-top: 25px;
    padding-bottom: 20%;
    line-height: 25px;
}
.wechat-column-3 .shop-layer .shop-remark .icon-triangle {
    position: absolute;
    width: 100%;
    top: -18px;
    height: 18px;
}
.wechat-column-3 .shop-layer .shop-remark .icon-triangle>img {
    height: 100%;
    display: block;
    margin: 0 auto;
}
.wechat-column-3 .shop-layer .shop-remark p{
    color: #fff;
    text-align: center;
}



.wechat3-column-3 .xt-back-c {
    height: 380px;
    background: url(../images/xt07.png) center no-repeat;
    width: 1230px;
    margin: 50px auto 0px;
}
.wechat3-column-3 .xt-back-c .clearfix {
    overflow: hidden;
}

.wechat3-column-3 .pull-left {
    float: left !important;
}
.wechat3-column-3 .pull-right {
    float: right !important;
}
.wechat3-column-3 .xt-icon {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    background: #fff url(../images/xt01.png) center no-repeat;
    box-shadow: 0 0px 30px rgba(135, 135, 135, .1);
}

.wechat3-column-3 .xt-icon02 {
    background: #fff url(../images/xt02.png) center no-repeat;
}

.wechat3-column-3 .xt-icon03 {
    background: #fff url(../images/xt03.png) center no-repeat;
}

.wechat3-column-3 .xt-icon04 {
    background: #fff url(../images/xt04.png) center no-repeat;
}

.wechat3-column-3 .xt-icon05 {
    background: #fff url(../images/xt05.png) center no-repeat;
}

.wechat3-column-3 .xt-icon06 {
    background: #fff url(../images/xt06.png) center no-repeat;
}
.wechat3-column-3 .xt-tt {
    padding: 0 20px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    margin-top: 20px;
}
.wechat3-column-3 .xt-txt {
    width: 240px;
    color: #fff;
    margin-top: 20px;
    line-height: 25px;
}

.wechat3-column-3 .xt01 {
    margin-left: 120px;
    margin-top: 20px;
}

.wechat3-column-3 .xt02 {
    margin-top: 20px;
    margin-right: 74px;
}

.wechat3-column-3 .xt03 {
    margin-top: 50px;
    margin-left: 55px;
}

.wechat3-column-3 .xt04 {
    margin-top: 50px;
    margin-right: 20px;
}

.wechat3-column-3 .xt05 {
    margin-top: 50px;
    margin-left: 70px;
}

.wechat3-column-3 .xt06 {
    margin-top: 50px;
    margin-right: 112px;
}



.Development_case_column_2 .index-item01 .item01list-con {
    /*margin-top: 15px;*/
    padding: 0px 22.5px;
    /*margin-bottom: 50px;*/
    overflow: hidden;
    width: 1280px;
    margin: 15px auto 50px;
}
.Development_case_column_2 .index-item01 .item01list-con .list {
    /*width: 20%;*/
    width: calc(25% - 15px);
    float: left;
    padding: 0px 7.5px;
    margin-top: 20px;
}
.Development_case_column_2 .index-item01 .item01list-con .list01 {
    width: calc(40% - 15px);
}
.Development_case_column_2 .transition500 {
    transition: 500ms ease-out;
    -webkit-transition: 500ms ease-out;
    -ms-transition: 500ms ease-out;
    -moz-transition: 500ms ease-out;
    -o-transition: 500ms ease-out;
}
.Development_case_column_2 .index-item01 .item01list-con .list01 .img {
    position: relative;
    overflow: hidden;
}
.Development_case_column_2 .index-item01 .item01list-con .list img {
    max-width: 100%;
    width: 100%;
    display: block;
    height: 280px;
}
.Development_case_column_2 .index-item01 .item01list-con .list01 .img .tit {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -60px;
    background: rgba(0,0,0,0.5);
    height: 60px;
    line-height: 60px;
    padding: 0px 20px;
    color: #fff;
}
.Development_case_column_2 .index-item01 .item01list-con .list .tit {
    height: 70px;
    line-height: 70px;
    background: #f1f1f1 url(http://www.xnvision.com/skin/images/icon02.png) no-repeat right center;
    padding: 0px 20px;
    padding-right: 75px;
}
.Development_case_column_2 .index-item01 .item01list-con .list .tit a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 18px;
    color: #222;
}
.Development_case_column_2 .textHidden {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.Development_case_column_2 .index-item01 .item01list-con .list:hover .box {
    box-shadow: 0px 0px 10px #ccc;
    -webkit-box-shadow: 0px 0px 10px #ccc;
    position: relative;
    top: -5px;
}

.Development_case_column_2 a.index-more {
    width: 190px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    display: block;
    margin: 0 auto;
    border-radius: 30px;
    background: #e8e8e8;
    color: #b4b5b5;
}
.Development_case_column_2 a.index-more:hover {
    background: #f80;
    color: #fff;
    box-shadow: 0px 0px 15px #f80;
    -webkit-box-shadow: 0px 0px 15px #f80;
}


.about-us-8{
    justify-content: center;
    align-items: center;
    margin-top: 105px;
    padding: 50px 0;
}
.about-us-8 .banner4 {
    background: url(http://app.benbenwangluo.com/data/upload/portal/20200118/5e22dc1522f99.jpg) no-repeat center;
    background-size: cover;
    width: 100%;
    height: 270px;
}
.cla_top {
    height: 142px;
    position: relative;
    text-align: center;
    padding-top: 42px;
    box-sizing: border-box;
}
.cla_top span {
    padding: 0 10px 0 10px;
    font-size: 28px;
    color: #262525;
    display: inline-block;
}
.line {
    width: 66px;
    height: 2px;
    background-color: #f80;
    margin: 0 auto;
    margin-top: 22px;
}
.tp_center {
    width: 1200px;
    margin: 60px auto 0;
    overflow: hidden;
}
.company_info_left {
    width: 698px;
    padding-right: 50px;
    box-sizing: border-box;
    border-right: 1px solid #eaeaea;
    float: left;
}
.company_info_name span {
    font-size: 28px;
    color: #f80;
}
.company_info_name i {
    font-size: 12px;
    color: #7f7e7e;
    font-style: normal;
    display: block;
    padding-top: 8px;
}
.company_info_name p {
    padding-top: 30px;
    font-size: 14px;
    color: #626262;
    line-height: 26px;
}
.company_info_img {
    height: 310px;
    overflow: hidden;
    padding-top: 62px;
}
.company_info_img_box {
    width: 412px;
    overflow: hidden;
    margin-right: 5px;
    box-sizing: border-box;
    float: left;
}
.company_info_img_box img {
    width: 412px;
    height: 310px;
}
.company_info_img_box2 {
    width: 228px;
    overflow: hidden;
}
.company_info_right {
    width: 500px;
    padding-left: 60px;
    box-sizing: border-box;
    float: right;
}
.company_info_right_box {
    width: 439px;
    overflow: hidden;
    margin-top: 16px;
    box-sizing: border-box;
}
.company_info_right_box img {
    width: 100%;
}
.company_info_right_box.duidui img {
    width: 48%;
    height: 160px;
}
.company_info_right_box.duidui img:first-child{
    margin-right: 4%;
}

.about-us-10,.about-us-11{
    padding: 50px 0;
}
.about-us-10 ul.logo-list,.about-us-11 ul.logo-list{
    height: initial;
    border: none;
}
.about-us-10 ul.logo-list li,.about-us-11 ul.logo-list li{
    height: initial;
    width: 256px;
     border-right: none;
     border-bottom:  none;
}
.about-us-11 ul.logo-list li{
     width: 25%;
 }
.about-us-10 ul.logo-list li img{
    opacity: 1;
    filter: none;
    max-width: 60%;
}
.about-us-11 ul.logo-list li img{
    max-width: 80%;
    opacity: 1;
    filter: none;
}