@font-face {
    font-family: 'HelveticaNeue_Bold';
    src: url('../fonts/HelveticaNeue_Bold.eot');
    src: url('../fonts/HelveticaNeue_Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeue_Bold.woff') format('woff'),
    url('../fonts/HelveticaNeue_Bold.ttf') format('truetype'),
    url('../fonts/HelveticaNeue_Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue_Condensed';
    src: url('../fonts/HelveticaNeue_Condensed.ttf');
    src: url('../fonts/HelveticaNeue_Condensed.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeue_Condensed.woff') format('woff'),
    url('../fonts/HelveticaNeue_Condensed.ttf') format('truetype'),
    url('../fonts/HelveticaNeue_Condensed.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceHanSansCN-Bold';
    src: url('../fonts/NotoSansHans-Bold.otf');
    src: url('../fonts/NotoSansHans-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/NotoSansHans-Bold.woff') format('woff'),
    url('../fonts/NotoSansHans-Bold.ttf') format('truetype'),
    url('../fonts/NotoSansHans-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceHanSansCN-Normal';
    src: url('../fonts/SourceHanSansCN-Normal.otf');
    src: url('../fonts/SourceHanSansCN-Normal.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SourceHanSansCN-Normal.woff') format('woff'),
    url('../fonts/SourceHanSansCN-Normal.ttf') format('truetype'),
    url('../fonts/SourceHanSansCN-Normal.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {
    position: relative;
}

body {
    background: #FAFAFA;
    font-family: SourceHanSansCN-Normal, Arial, sans-serif;
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0;
}

a, a:hover {
    cursor: pointer;
    text-decoration: none;
}


.text-l {
    text-align: left;
}

.text-r {
    text-align: right;
}

.text-c {
    text-align: center;
}

img.img100p{
    width: 100%;
}
.font-sb {
    font-family: SourceHanSansCN-Bold;
}

.pad-left-right-15{
    padding-right: 15px;
    padding-left: 15px;
}
#skrollr-body{
    height: 100%;
}
#header {
    display: flex;
    position: fixed;
    top: 0;
    z-index: 1001;
    width: 100%;
    background: rgba(255, 255, 255, 0.90);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
    color: #777373;
}

#header .logo{
    z-index: 99;
    position: absolute;
    padding: 12px 15px 10px 15px;
    left: 10%;
    /*top: 50%;*/
    /*-webkit-transform: translate(0%, -50%);*/
    /*-moz-transform: translate(0%, -50%);*/
    /*-ms-transform: translate(0%, -50%);*/
    /*-o-transform: translate(0%, -50%);*/
    /*transform: translate(0%, -50%);*/
}
#header button .icon-bar {
    background: #ff2e64;
}

#header a {
    color: #777373;
    padding: 20px 0;
    cursor: pointer;
    font-size: 16px;
}

#header .nav li a {
    padding: 20px 10px;
    color: #777373;
    text-align: center;
    font-family: NotoSansHans-Bold;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: transform 1s;
    -moz-transition: transform 1s;
    -ms-transition: transform 1s;
    -o-transition: transform 1s;
    transition: transform 1s;
}

#header .nav > li.active > a {
    color: #ed1b1c;
    border-bottom: 3px solid #f85e63;
}

#header .nav li a:hover {
    background: transparent;
    color: #f85e63;
}

/*新增登录&注册*/
#header .user-option {
    height: fit-content;
    display: flex;
    position: relative;
    right: 4%;
    margin: 9px auto;
}
.user-option a {
    padding: 9px!important;
}
.btn-login {
    height: fit-content;
    color: #ea2127!important;
    background: none;
    margin-right: 20px;
}
.btn-login:hover{
    color: #d30020!important;
    text-decoration: none;
}
.btn-login:active, .btn-login.active{
    box-shadow: none;
}
.btn-register, .btn-more, .btn-consult {
    /*height: fit-content;*/
    color: #ffffff!important;
    border: none;
    border-radius: 0;
    background-image: linear-gradient(to bottom, #ea2127, #d30020)!important;
}
.btn-register:hover{
    color: #ffffff!important;
    background-image: linear-gradient(to top, #ea2127, #d30020) !important;
}
/*新增解决方案下拉样式*/
#solution-menu>a {
    cursor: unset;
}
#solution-menu .solutions {
    display: none;
    text-align: left;
}
#solution-menu .solutions li {
    list-style: none;
    margin: 10px 0;
}

#solution-menu:hover .solutions{
    position: fixed;
    background-color: #fff;
    display:inline-block;
    width: 200px;
    padding-left: 0;
}
#solution-menu .solutions li a {
    text-decoration:none!important;
}
#solution-menu2 .solutions li a {
    font-size: 14px;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: unset;
}
/*轮播*/

.main .banner {
    position: relative;
}

.main .banner .banner-title1 {
    padding-left: 15%;
    position: absolute;
    width: 100%;
    left: 50%;
    top: 45%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #333333;
    text-align: left;
    font-weight: 400;
    font-size: 32px;
    line-height: 1.1;
    font-family: HelveticaNeue_Bold;
}

.main .banner .banner-title2 {
    width: 500px;
    line-height: 20px;
    position: relative;
    font-family: HelveticaNeue_Bold;
    font-size: 16px;
    color: #333333;
    margin-top: 30px;
}

#promo.head-banner {
    margin-top: 64px;
}
.head-banner {
    position: relative;
    background: url(../images/banner_bg.jpg) no-repeat center;
    background-size: cover;
    min-height: 664px;
}
.banner .learn-more {
    padding-left: 15%;
    position: absolute;
    top: 57%;
}
.banner .learn-more a {
    padding: 10px 20px;
    width: 150px;
    font-size: 16px;
    color: #ffffff;
    font-family: HelveticaNeue_Bold;
    text-decoration:none;
    display: block;
}

.banner-content .learn-more {
    top: 60%;
}
.main .rev_slider li {
    text-align: center;
}

.main .section {
    background-color: #ffffff;
    margin: 0 auto;
    position: relative;
}

.main .section .pic {
    position: relative;
}

.main .section.sec2 .pic {
    text-align: center;
}

.main .section-bg img {
    max-width: 100%;
    height: auto;
}

.main .section .pic img {
    max-width: 100%;
    height: auto;
}

.section-content {
    position: relative;
    margin: 0 auto;
    top: 10%;
}

.sec7 .section-content {
    top: 1%;
}

.index {
    color: #333333;
    font-size: 48px;
    opacity: 0.1;
    margin-top: -23px;
    font-family: HelveticaNeue_Condensed;
}

.main .section.sec1 .section-left:before {
    content: '';
    background: url(../images/fangan_icon.png) no-repeat;
    width: 42px;
    height: 42px;
    display: block;
    margin: 50px 0 40px 32px;
}

.main .section.sec2 .section-left:before {
    content: '';
    background: url(../images/fangan_icon.png) no-repeat;
    width: 42px;
    height: 42px;
    display: block;
    margin: 50px 0 40px 32px;
}

.main .section.sec3 .section-left:before {
    content: '';
    background: url(../images/fangan_icon.png) no-repeat;
    width: 42px;
    height: 42px;
    display: block;
    margin: 30px 0 40px 32px;
}

.main .section.sec7 .section-left:before {
    content: '';
    background: url(../images/symbols-icon-xcx.png) no-repeat;
    background-size: 32px 32px;
    width: 32px;
    height: 32px;
    display: block;
    margin-left: 32px;
}

.main .section .detail {
    margin-left: 32px;
    margin-top: -27px;
}

.main .section .title {
    font-size: 38px;
    color: #333333;
}

.main .section .line {
    background: #F85E63;
    width: 40px;
    height: 4px;
    margin-top: 40px;
}

.main .section .content {
    font-size: 14px;
    color: #333333;
    line-height: 20px;
    padding: 20px 15px;
    letter-spacing: .1em;
    word-break: break-word;
}

.main .section .more {
    position: relative;

    margin-bottom: 30px;
    font-family: SourceHanSansCN-Bold;
}

.main .section .more a {
    font-size: 16px;
    padding: 10px 20px;
    /*background: #F85E63;*/
    background-color: #ffffff;
    width: 150px;
    text-align: center;
    color: #ea2027;
    border-color: #ea2027;
    display: block;
}
.btn:active, .btn.active {
    box-shadow: none;
}
.main .section a:hover {
    border: 1px solid #F85E63;
    background: #ffffff;
    color: #F85E63;
}

.main .part {
    margin-bottom: 80px;
}
.main .part .title,
.other-main .title,
.other-main .text
{
    text-align: center;
    font-size: 34px;
    color: #4E4949;
    position: relative;
    margin: 60px 0 100px 0;
}
.other-main .title {
    font-size: 32px;
    margin-bottom: 60px;
}
.about-vo .other-main .title {
    margin: 10% 0 5% 0;
}
.other-main .text,
.other-main .text{
    text-align: justify;
    font-size: 18px;
}
.solution .other-main .text{
    margin-bottom: 25px;
    padding: 0 21%;
}
.about-vo .other-main .text {
    margin-bottom: 60px;
    padding: 0 12%;
}
.about-vo .text {
    font-size: 20px;
}

.main .part .title:after,
.other-main .title:after,
.other-main .text:after
{
    position: absolute;
    content: "";
    width: 40px;
    height: 4px;
    background-color: #F85E63;
    left: 50%;
    margin-left: -20px;
    bottom: -23px;
}
.other-main .title:after{
    width: 80px;
    margin-left: -40px;
}
.other-main .text:after {
    width: 100px;
    margin-left: -50px;
}
.about-vo .text:after,
.about-vo .title:after {
    display: none;
}

.other-main .show-image {
    margin-bottom: 10px;
    border-bottom: 1px solid #cfcfcf;
}

.case .other-main .case-image {
    text-align: center;
}

.main .sec4 .sec4-icon {
    text-align: center;
    margin-bottom: 30px;
    -ms-transform: rotate(0deg); /* IE 9 */
    -moz-transform: rotate(0deg); /* Firefox */
    -webkit-transform: rotate(0deg); /* Safari 和 Chrome */
    -o-transform: rotate(0deg); /* Opera */
    transform: rotate(0deg);
    -moz-transition: all 1s; /* Firefox 4 */
    -webkit-transition: all 1s; /* Safari 和 Chrome */
    -o-transition: all 1s; /* Opera */
    transition: all 1s;
}

/*.main .sec4 .sec4-icon:hover {*/
/*    -ms-transform: rotate(360deg); !* IE 9 *!*/
/*    -moz-transform: rotate(360deg); !* Firefox *!*/
/*    -webkit-transform: rotate(360deg); !* Safari 和 Chrome *!*/
/*    -o-transform: rotate(360deg); !* Opera *!*/
/*    transform: rotate(360deg);*/
/*}*/

.main .sec4 .sec4-title {
    text-align: center;
    font-size: 24px;
    color: #333333;
    margin-bottom: 18px;
    font-family: SourceHanSansCN-Bold;
}

.main .sec4 .sec4-title a{
    text-decoration: none;
    color: #4E4949;
}

.main .sec4 .sec4-detail {
    text-align: center;
    font-size: 14px;
    color: #807876;
    line-height: 20px;
    padding: 5px 10px;
}
.main .sec4 .sec4-detail p {
    margin-bottom: 0;
}

.main .sec4 .sec4-detail:hover {
    background: #FAFAFA;
}

.main .sec6 .carousel-indicators {
    display: table;
    margin: 0 auto 60px auto;
    border: 0;
}

.main .sec6 .b-shadow {
    -webkit-box-shadow: 0 2px 48px #cccccc;
    -moz-box-shadow: 0 2px 48px #cccccc;
    box-shadow: 0 2px 48px #cccccc;
}

.main .sec6 .brand {
    height: 200px;
    position: relative;
    text-align: center;
    background: #FFFFFF;
}

.main .sec6 .brand img {
    max-width: 50%;
    max-height: 140px;
    height: auto;
    display: inline-block;
}

.main .sec6 .brand-wrap {
    padding: 0;
    border-right: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
}

.main .sec6 .brand img {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.main .sec6 .title1 .hl_logo{
    display: inline-block;
    width: 50px;
    height: auto;
}
/*scroll nav*/
.scroll-nav {
    /*background: url(../images/nav_bg.png) no-repeat;*/
    width: 10px;
    position: fixed;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1000;
}

.scroll-nav ul {
    padding: 0;
    margin: 0;
    position: relative;
}

.scroll-nav ul li {
    width: 10px;
    height: 10px;
    list-style: none;
    margin-bottom: 30px;
    border-radius: 50%;
    background: #808080;
    opacity: 0.3;
}

.scroll-nav ul li:last-child {
    margin-bottom: 0;
}

.scroll-nav ul li.current {
    background: #808080;
    opacity: 1;
}

.nav-bg {
    position: absolute;
    top: 0;
    width: 2px;
    height: 100%;
    background: #808080;
    opacity: 0.3;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

/*行业案例 轮播*/
.main .container.sec6 {
    padding: 0;
    overflow: hidden;
}

.carousel-tab {
    position: relative;
}

.carousel {
    height: 713px;
}

.carousel-indicators {
    position: relative;
    top: 0;
    bottom: 0;
    width: 100%;
    margin-left: 0;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
}

.carousel-indicators li {
    text-indent: 0;
    padding: 10px 15px;
    color: #E5E5E5;
    background: #ffffff;
    font-size: 18px;
    border-radius: 0;
    margin: 0 20px 0 0;
    display: inline-block;
    width: auto;
    height: auto;
    text-align: center;
    border: 2px solid #F2F2F2;
    font-family: SourceHanSansCN-Bold;
}

.carousel-indicators li:last-child {
    margin: 0;
}

.carousel-indicators .active {
    width: auto;
    height: auto;
    margin-right: 20px;
    color: #fff;
    cursor: pointer;
    background-color: #F85E63;
    border: 0;
}

.carousel-inner {
    overflow: visible;
}

.carousel-control {
    width: 30px;
    left: 10px;
    opacity: 1;
}

.carousel-control:hover,
.carousel-control:focus {
    filter: alpha(opacity=100);
    opacity: 1;
}

.carousel-control.right {
    right: 10px;
}

.carousel-control.left, .carousel-control.right {
    background-image: none;
}

.carousel-control .next-2, .carousel-control .prev-2 {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
}

.carousel-control .glyphicon-chevron-left:hover .prev-2, .carousel-control .glyphicon-chevron-right:hover .next-2 {
    visibility: visible;
}

.glyphicon-chevron-left:before, .glyphicon-chevron-right:before {
    content: "";
}

.glyphicon-chevron-left img, .glyphicon-chevron-right img {
    width: 30px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
}

/*新零售*/
.main .sec6 .xls img {
    display: block;
    width: 100%;
    height: auto;
}

.main .sec6 .xls .title1 {
    margin-bottom: 20px;
    font-family: SourceHanSansCN-Normal;
    font-size: 36px;
    color: #4E4949;
    text-align: center;
}

.main .sec6 .xls .title2 {
    margin: 10px 0 30px 0;
    text-align: center;
    font-size: 12px;
    color: #807876;
}

/*app*/
.main .sec6 .app img {
    float: left;
    max-width: 300px;
    /*width: 100%;*/
    height: auto;
    position: relative;
}

.main .sec6 .app .app1 {
    z-index: 99;
}

.main .sec6 .app .app2 {
    z-index: 2;
    margin-left: -34%;
    margin-top: 5%;
}

.main .sec6 .app .title-wrap {
    margin-top: 215px;
}

.main .sec6 .app .title-wrap .title1 {
    text-align: center;
    font-family: SourceHanSansCN-Normal;
    font-size: 36px;
    color: #4E4949;
    line-height: 26px;
}

.main .sec6 .app .title-wrap .title2 {
    text-align: center;
    margin-top: 20px;
    font-family: SourceHanSansCN-Normal;
    font-size: 12px;
    color: #807876;
    line-height: 20px;
}

/*微信小程序*/
.main .sec7 .section-left {
    margin-top: 14%;
}

/*about us*/
.other-page {
    background-color: #ffffff;
    position: relative;
}
.about-vo {
    background-color: #fafafa;
}

.value-title {
    font-size: 24px;
    color: #b70000;
    text-align: center;
}
.value-text {
    margin: 15px 0;
    font-size: 18px;
    color: #333333;
    text-align: center;
}
.value-text p {
    margin-bottom: 0;
}

.other-page.product .other-head {
    background: url(../images/product-bg.png) no-repeat center;
    background-size: cover;
}
/*.other-page.solution,*/
/*.other-page.case,*/
/*.other-page.about-vo{*/
/*    margin-top: 64px;*/
/*}*/
.other-page.solution1 .other-head,
.other-page.solution2 .other-head,
.other-page.solution3 .other-head,
.other-page.case .other-head,
.other-page.about-vo .other-head {
    position: relative;
    min-height: 228px;
    margin-top: 64px;
}
.other-page.solution1 .other-head {
    background: url(../images/电商平台化方案_1.jpg) no-repeat center;
    background-size: cover;
}
.other-page.solution2 .other-head {
    background: url(../images/商超零售数字化转型_02.jpg) no-repeat center;
    background-size: cover;
}
.other-page.solution3 .other-head {
    background: url(../images/跨境方案_02.jpg) no-repeat center;
    background-size: cover;
}
.other-page.case .other-head {
    background: url(../images/行业案例-p_banner.jpg) no-repeat center;
    background-size: cover;
}
.other-page.about-vo .other-head {
    background: url(../images/关于我们_banner.jpg) no-repeat center;
    background-size: cover;
}

/*.other-page .other-head img {*/
/*    margin-top: 63px;*/
/*    background-size: cover;*/
/*}*/

.other-page .other-head .head-title {
    color: #ffffff;
    padding-top: 100px;
}

.other-page .other-head .head-title .title-en {
    font-size: 48px;
    font-family: SourceHanSansCN-Bold;
    padding-top: 60px;
}

.other-page .other-head .head-title .title-ch {
    font-size: 36px;
}

.other-page .other-head .head-title .title-detail {
    font-size: 16px;
}

.other-page .other-main {
    background: #FFFFFF;
}

.other-page .cate-wrap {
    padding: 0;
}

.other-page .cate {
    padding: 20px 0;
    color: #938d8b;
}

.other-page .cate span {
    margin: 0 20px;
}

.other-page .cat {
    margin-top: 30px;
    padding-left: 15px;
    color: #938d8b;
}

.other-page .about-main {
    padding: 50px;
    background: #fff;
    color: #938d8b;
    position: relative;
    margin: 0;
}

.other-page .page-left {
    position: absolute;
    left: -40px;
    top: 0px;
}

.other-page .about-main .page-left a {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    line-height: 1.2;
}

.other-page .about-main .about-content {
    margin-top: 40px;
    line-height: 1.6;
}

.other-page .about-main .introduce {
    position: relative;
    top: 0;
    width: 40px;
    height: 100px;
    background: #4e4949;
    color: #fff;
    text-align: center;
}

.other-page .about-main .contact {
    position: relative;
    width: 30px;
    height: 80px;
    left: 10px;
    background: #cac3c1;
    color: #fff;
    text-align: center;
}

.other-page .about-main .contact a {
    font-size: 12px;
}

/*解决方案*/
.other-page .line {
    background: #F85E63;
    width: 40px;
    height: 4px;
    margin-bottom: 30px;
}

.other-page .container .content {
    font-size: 14px;
    color: #807876;
}

.other-page .container .content > ul {
    padding-left: 15px;
}

.other-page .container .content > ul li {
    margin-bottom: 5px;
}

.other-page .container .content > ul > li {
    list-style: circle;
}

.other-page .container .content > ul > li > ul > li {
    list-style: disc;
}

.other-page .container .content-pic {
    margin: 30px 0;
}

.other-page .container .content-pic img {
    width: 100%;
    height: auto;
    border: 1px solid #ccc;
    border-radius: 30px;
    -moz-box-shadow: 2px 2px 7px #CCCCCC;
    -webkit-box-shadow: 2px 2px 7px #CCCCCC;
    box-shadow: 2px 2px 7px #CCCCCC;
}

.other-page .container .content-pic.origin img {
    max-width: 750px;
}

.other-page .container .pic img {
    max-width: 300px;
    height: auto;
}

.zoom-in {
    cursor: zoom-in; /* 大大大 */
}

.zoom-out {
    cursor: zoom-out; /* 小小小 */
}

/*侧边栏*/
.page-nav {
    padding: 0 5px;
}

.other-page .left-nav {
    list-style: none;
    margin-top: 30px;
    padding: 0;
    background: #F85E63;
    border: 1px solid #F85E63;
    -moz-box-shadow: 2px 2px 5px #F89FAE;
    -webkit-box-shadow: 2px 2px 5px #F89FAE;
    box-shadow: 2px 2px 5px #F89FAE;
}

.other-page .left-nav li a {
    padding: 10px 5px 10px 8px;
    display: block;
    background: #F85E63;
    color: #fff;
    border-bottom: 1px solid #bb2828;
    font-size: 14px;
    text-decoration: none;
}

.other-page .left-nav li:last-child a, .other-page .left-nav li:last-child {
    border: none;
}

.other-page .left-nav li a:hover {
    background: #fff;
    color: #F85E63;
}

/*尾部*/
.foot {
    font-size: 12px;
    color: #808080;
    padding: 50px 0;
}
.foot section div{
    margin: 10px 0;
}
.foot section a{
    font-size: 16px;
    color: #333333;
    text-decoration: none;
}

.foot .foot-title {
    font-family: SourceHanSansCN-Bold;
    margin: 0 0 25px 0;
}
.foot .foot-title a{
    font-size: 24px;
}
.foot .logo {
    margin-bottom: 30px;
}

.foot .logo img {
    width: 260px;
    height: auto;
}

.foot .icon {
    font-size: 30px;
}

.foot .email {
    font-family: SourceHanSansCN-Bold;
    font-size: 16px;
    display: flex;
    flex-direction: row;
}

.foot .address {
    font-size: 16px;
    font-family: SourceHanSansCN-Bold;
    display: flex;
    flex-direction: row;
    margin-bottom: 30px;
}
.foot .email .detail {
    padding: 7px 0;
}

.foot .copy-right {
    font-size: 12px;
    text-align: center;
    margin-top: 40px;
}
.foot .ba a{
    text-decoration: none;
    font-size: 12px;
    color: #808080;
}
.foot-title-1 a {
    cursor: unset;
}

.isMobile {
    display: none;
}

@media (max-width: 1200px) {
    .section-content .content {
        width: 80%;
    }
}

@media (min-width: 1200px) {
    .main .section {
        margin: 0 auto;
        position: relative;
        height: 770px;
    }

    .main .section.sec2 {
        margin: 0 auto;
        position: relative;
        height: 708px;
    }

    .main .section.sec3 {
        margin: 0 auto;
        position: relative;
        height: 842px;
    }

    .main .section.sec7 {
        margin: 0 auto;
        position: relative;
        height: 804px;
    }
}

@media (max-width: 1200px) and (min-width: 992px) {
    .main .banner .banner-title1 {
        padding-left: 15%;
        font-size: 32px;
        font-weight: 400;
        line-height: 24px;
    }

    .main .banner .banner-title2 {
        width: 300px;
        font-size: 16px;
    }
    .banner .learn-more {
        padding-left: 15%;
    }
    .content-text {
        left: 15%!important;
    }
    .image-content .learn-more {
        padding-left: 70%!important;
    }

    .foot .address img{
        width: 25px;
    }
    .foot .email img {
        width: 25px;
    }
    .foot .email .detail {
        padding: 0;
    }
    .foot .email {
        margin-left: 5px;
    }
    #header .user-option {
        right: 4%;
    }

    .main .section {
        height: 670px;
    }

    .main .section.sec2 {
        height: 608px;
    }

    .main .section.sec3 {
        height: 742px;
    }

    .main .section.sec7 .pic img {
        max-height: 817px;
    }

    .main .section.sec7 {
        height: 704px;
    }

    .main .sec6 .app img {
        max-width: 270px;
    }

    .main .sec6 .app .app2 {
        margin-left: -46%;
        margin-top: 5%;
    }

    .main .sec6 .carousel {
        height: 740px;
    }

    .main .sec6 .xls .title1 {
        margin-top: 0;
    }

    .main .sec6 .xls .title2 {
        margin: 0px 0 20px 0;
    }
    .foot .logo img {
        width: 180px;
    }
    .other-page.solution1 .other-head,
    .other-page.solution2 .other-head,
    .other-page.solution3 .other-head,
    .other-page.case .other-head,
    .other-page.about-vo .other-head {
        min-height: 180px;
    }
}

@media (min-width: 992px) {
    .main .sec6 .brand-container .row .brand-wrap:last-child {
        border-right: 0;
    }

    .main .sec6 .brand-container .row:last-child .brand-wrap {
        border-bottom: 0;
    }

    .foot .foot-right {
        padding-left: 150px;
    }
}

@media (max-width: 992px) {
    #header .logo {
        left: 0;
    }
    .head-banner {
        min-height: 400px;
    }
    .foot .logo img {
        width: 150px;
    }
    .main .banner .banner-title1 {
        padding-left: 10%;
    }
    .main .banner .banner-title2 {
        width: 240px;
    }
    .banner .learn-more {
        padding-left: 10%;
    }

    .content-text {
        left: 10%!important;
    }
    .image-content .learn-more {
        padding-left: 75%!important;
    }
    .banner-content .learn-more {
        top: 70%;
    }
    .foot .address img {
        width: 20px;
    }
    .foot .email img {
        width: 20px;
    }

    .foot .email .detail {
        padding: 0;
    }
    .foot .email {
        margin-left: 0;
    }

    #header .user-option {
        right: 4%;
    }

    .main .section {
        margin: 0 auto;
    }

    .section-content {
        top: 0;
    }

    .main .section .pic {
        margin-left: 32px;
    }

    .main .sec4 .sec4-icon {
        margin-top: 30px;
    }

    .carousel {
        height: 705px;
    }

    .carousel-control {
        left:20px;
    }
    .carousel-control.right{
        right:20px;
    }
    .main .sec6 .carousel-indicators li {
        margin-right: 10px;
        width: auto;
        font-size: 14px;
    }

    .main .sec6 .carousel-indicators li:last-child {
        margin-right: 0;
    }

    .main .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: 0px;
        left: 0;
    }

    .main .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: 0px;
        right: 0;
    }
    .main .sec6 .app img {
        max-width: 240px;
    }

    .main .sec6 .app .app2 {
        margin-left: -42%;
        margin-top: 5%;
    }

    .foot {
        padding: 50px 20px;
    }
    .foot .logo img {
        max-width: 100px;
        height: auto;
    }

    .foot .foot-right {
        margin-top: 30px;
    }

    .foot .address {
        margin-bottom: 15px;
    }
    .foot .foot-m{
        margin-bottom: 20px;
    }


    .case .other-main .case-image img {
        width: 100%;
    }
    .about-vo .other-main {
        width: 90%;
    }

    .other-page.solution1 .other-head,
    .other-page.solution2 .other-head,
    .other-page.solution3 .other-head,
    .other-page.case .other-head,
    .other-page.about-vo .other-head {
        min-height: 140px;
    }
}

@media (min-width: 768px) {
    .main-nav li {
        margin: 0 0 0 30px;
        display: inline-block;
    }

    .section-left {
        width: 38%;
        padding: 0;
    }

    .section-right {
        width: 62%;
        padding: 0;
    }

    .sec3 .section-left {
        width: 38%;
        padding: 0;
    }

    .sec3 .section-right {
        width: 62%;
        padding: 0;
    }
    .navbar-collapse {
        padding-right: 35px;
    }
}

@media (max-width: 768px) {
    .isMobile {
        display: block;
        margin: 20px 0 0 55px;
    }
    #header .logo img,
    .foot .logo img {
        width: 120px;
    }
    #header .logo{
        left: 0;
    }
    #header .navbar-header {
        position: relative;
        right: 0;
    }

    #header .nav li.active a {
        border-bottom: 0;
        color: #f85e63;
    }
    .main .banner img {
        margin-top: 50px;
    }
    #promo.head-banner {
        margin-top: 50px;
    }
    .head-banner {
        min-height: 300px;
    }

    .user-option a {
        font-size: 12px!important;
        padding: 4px!important;
    }
    .btn-login {
         margin-right: 10px;
     }
    #solution-menu .solutions li {
        list-style: none;
        margin: 0;
    }

    .main .banner .banner-title1 {
        font-size: 30px;
        font-weight: 400;
        width: 100%;
        padding-left: 8%;
        top: 43%;
    }
    .main .banner .banner-title1 p {
        width: 130px;
    }
    .main .banner .banner-title2 {
        display: none;
        /*width: 180px;*/
        /*font-size: 14px;*/
        /*line-height: 20px;*/
    }
    .banner .learn-more {
        padding-left: 8%;
    }
    .image-content .learn-more {
        top: 29%!important;
        padding-left: 70%!important;
    }
    .banner-content .learn-more {
        top: 78%;
    }
    .banner .learn-more a,
    .image-content .learn-more a,
    .banner-content .learn-more a,
    .main .section .more a {
        font-size: 14px;
        width: 100px!important;
    }
    .banner .learn-more a {
        height: 40px;
    }
    .content-text {
        top: 30%!important;
        left: 5%!important;
    }
    .content-text .text1 {
        font-size: 24px!important;
    }
    .content-text .text2 {
        font-size: 14px!important;
    }

    .foot .foot-title a {
        font-size: 16px;
    }
    .foot .address {
        margin-bottom: 10px;
    }
    .foot section a,
    .foot .address,
    .foot .email {
        font-size: 12px;
    }

    .foot .email .detail {
        padding: 2px 0;
    }
    .foot .email {
        margin-left: 0;
    }
    #header .user-option {
        display: none;
    }

    .main .banner .banner-title2 {
        margin-top: 4%;
    }

    .main .content {
        width: 100%;
    }

    .section-content {
        padding-right: 32px;
    }

    .main .section .pic {
        margin-left: 0;
        margin-top: 30px;
    }

    .main .section .content {
        padding: 5px 0;
    }

    .main .sec6 .brand {
        height: 80px;
    }

    .main .sec6 .brand img {
        max-height: 60px;
    }

    .main .sec6 .carousel {
        height: 350px;
    }

    .main .sec6 .carousel-indicators {
        margin: 0 auto 20px auto;
    }

    .main .sec6 .carousel-indicators li {
        margin-right: 2px;
        width: auto;
        font-size: 12px;
        padding: 10px 5px;
    }

    .main .sec6 .carousel-indicators li:last-child {
        margin-right: 0;
    }

    .carousel-indicators li {
        padding: 10px 5px;
    }

    .main .sec6 .carousel-control {
        display: none;
    }

    .main .sec6 .xls .title1 {
        font-size: 20px;
    }

    .main .sec6 .app .app-wrap {
        text-align: center;
    }

    .main .sec6 .app img {
        max-width: 150px;
        float: none;
    }

    .main .sec6 .app .app-pic {
        text-align: center;
    }

    .main .sec6 .app .app2 {
        margin-left: -40px;
        margin-top: 20px;
    }

    .main .sec6 .app .title-wrap {
        margin-top: 5px;
    }

    .main .sec6 .app .title-wrap .title1 {
        font-size: 24px;
    }

    .main .sec6 .app .title-wrap .title2 {
        margin-top: 6px;
    }

    .main .section .title {
        font-size: 24px;
    }

    .main .sec4 .sec4-title {
        font-size: 18px;
    }

    .main .sec4 .sec4-detail {
        font-size: 14px;
    }

    .main .section .content {
        font-size: 12px;
    }

    .main .part .title {
        font-size: 24px;
        margin: 20px 0 50px 0;
    }

    .main .part {
        margin-bottom: 20px;
    }

    /*二级页*/
    .other-main .text {
        font-size: 14px;
        padding: 0 10%;
    }

    .solution .other-main .text,
    .about-vo .other-main .text{
        padding: 0 6%;
    }

    .other-main .text:after {
        width: 60px;
        margin-left: -30px;
    }

    .other-page .other-head .head-title .title-en {
        font-size: 30px;
        padding-top: 10px;
    }

    .other-page .other-head .head-title .title-ch {
        font-size: 24px;
    }

    .other-page .about-main {
        padding: 30px;
    }

    .other-page .page-left {
        position: absolute;
        left: -30px;
        top: 0;
    }

    .other-page .about-main .introduce {
        position: relative;
        top: 0;
        width: 30px;
        height: 90px;
        background: #4e4949;
        color: #fff;
        text-align: center;
    }

    .other-page .about-main .contact {
        position: relative;
        width: 20px;
        height: 60px;
        left: 10px;
        background: #cac3c1;
        color: #fff;
        text-align: center;
    }

    .other-page .container .pic img {
        max-width: 100%;
        height: auto;
    }

    /*.other-page.solution,*/
    /*.other-page.case,*/
    /*.other-page.about-vo {*/
    /*    margin-top: 50px;*/
    /*}*/
    .other-page.solution1 .other-head,
    .other-page.solution2 .other-head,
    .other-page.solution3 .other-head,
    .other-page.case .other-head,
    .other-page.about-vo .other-head {
        min-height: 70px;
        margin-top: 50px;
    }
    .foot {
        padding: 50px 10px;
    }

    .foot .copy-right {
        text-align: left;
    }
    .foot .ba{
        text-align: left;
    }

    .case .other-main .case-image img {
        width: 100%;
    }
    .other-main .title {
        font-size: 24px;
    }
    .other-main .title:after {
         width: 40px;
         margin-left: -20px;
     }
    .value-title {
        font-size: 20px;
    }
    .value-text {
        font-size: 16px;
    }

    .about-vo .other-main {
        width: 90%;
    }
    .about-vo .other-main .title {
        margin: 15% 0 5% 0;
    }
    .footer-image {
        min-height: 140px!important;
    }
    .scroll-nav {
        display: none;
    }

    .opacity-select {
        opacity: 1;
    }

    .main .section.sec1 .section-left:before,
    .main .section.sec2 .section-left:before,
    .main .section.sec3 .section-left:before {
        background-size: 32px 32px;
    }
}

/*.container {*/
/*    width: 72%;*/
/*    max-width: 2000px;*/
/*}*/
/*@media (max-width: 1100px) {*/
/*    .container {*/
/*        width: 100%!important;*/
/*        min-width: 900px;*/
/*    }*/
/*}*/

@media (min-width: 768px) {
    .container {
        width:100%;
    }
}
@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}
@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

/*footer背景图*/
.footer-image {
    position: relative;
    border-bottom: 8px solid #d10b28;
    background: url(../images/foot_01.jpg) no-repeat center;
    background-size: cover;
    min-height: 300px;
}
.image-content .learn-more {
    position: absolute;
    padding-left: 65%;
    top: 34%;
    /*top: 38%!important;*/
}
.content-text {
    position: absolute;
    top: 35%;
    left: 20%;
}
.content-text p {
    margin-bottom: 0;
}
.content-text .text1 {
    font-size: 32px;
}
.content-text .text2 {
    font-size: 24px;
}
.opacity-select {
    opacity: 0;
}