.fl {
    float: left;
}

.fr {
    float: right;
}

body {
    font-family: "Microsoft YaHei UI";
    overflow-x: hidden;
}


/*顶部开始*/

.top-row {
    margin-right: 0;
    margin-left: 0;
}

.title-img {
    width: 60%;
}

.top-fixed {
    height: 60px;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: rgba(0, 0, 0, .9);
}

.top {}

.index-top {
    margin-top: 60px;
    background: url("../images_web/Home/Home-banner.jpg");
    background-position: center;
    background-size: cover;
    position: relative;
}

.top-head {
    height: 60px;
}

.logo {
    width: 10%;
    margin-left: 5%;
}

.logo img {
    width: 100%;
    margin-top: 15%;
}


/*顶部导航栏开始*/

.top-head {
    width: 80%;
    text-align: center;
    /*margin-left: 1%;*/
}

.top-banner ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    /*flex-wrap: wrap;*/
}

.top-banner ul li {
    width: 15%;
    min-width: 132px;
    height: 60px;
    line-height: 60px;
}

.top-banner li:hover .top-nav {
    border-bottom: 2px solid #7ecef4;
    color: #7ecef4;
    padding-bottom: 6%;
    text-decoration: none;
}

.top-banner li .top-nav {
    display: inline-block;
    height: 98%;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 2px;
}

.top-bottom button a:hover {
    text-decoration: none;
}

.active {
    border-bottom: 2px solid #7ecef4;
    color: #7ecef4!important;
    padding-bottom: 6%;
    text-decoration: none;
}


/*产品与服务的子菜单开始*/

.nav-product-service {
    /*position: relative;*/
}

.nav-product-service-son-display {
    display: none;
}

.nav-product-service-son {
    width: 100%;
    height: 101px;
    background-color: #000000;
    opacity: 1;
    position: absolute;
    z-index: 12;
    top: 60px;
    display: none;
}

.product-service-top .nav-product-service-son ul li:hover a {
    text-decoration: none;
}

.nav-product-service-li {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.nav-product-service-son .nav-product-service-li li {
    width: 15%;
    text-align: center;
    height: 100%;
    margin: 1% 0;
}


/*.nav-product-service-son .nav-product-service-li li:hover{*/


/*text-decoration: none;*/


/*}*/

.nav-product-service-li span {
    display: block;
    font-size: 16px;
    color: #818181;
    margin-top: 25px;
}

.clearunderline:hover {
    text-decoration: none;
}

.nav-product-service-son .nav-product-service-li li:first-child {
    margin-left: 10%;
}

.nav-product-service:hover .nav-product-service-son {
    display: block;
}

.nav-product-service-li i {
    display: block;
    font-size: 30px;
    width: 30px;
    height: 30px;
    margin-left: 41%;
    color: #818181;
}


/*产品与服务的子菜单结束*/

.top-center {
    width: 60%;
    min-width: 500px;
    left: 20%;
    top: 20%;
    height: 50%;
    text-align: center;
    position: absolute;
}
.banner-center:before{
    position:relative;
    width:100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.411);
}
.banner-center{
    position: relative;
    flex: auto;
    width: 60%;
    min-width: 500px;
}
.top-center .title {
    text-align: center;
    height: 97px;
    font-size: 70px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 30px;
    color: #fefefe;
}

.top-center-info {
    margin: 0 auto;
    text-align: center;
    height: 100%;
    width: 88%;
}

.top-center-info .title {
    width: 100%;
    font-size: 65px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 8px;
    color: #fff;
}

.top-center-info .txt {
    display: block;
    flex: auto;
    height: 30%;
    font-size: 35px;
    font-weight: 300;
    font-stretch: normal;
    letter-spacing: 5px;
    color: #70afce;
}

.indextxt {
    display: block;
    flex: auto;
    margin-top: -10px;
    height: 30%;
    font-size: 32px;
    font-stretch: normal;
    font-weight: 300;
    letter-spacing: 5px;
    color: #70afce;
}


/*顶部导航栏结束*/

.top-bottom {
    position: relative;
    top: 60%;
    text-align: center;
}

.top-bottom button {
    width: 25%;
    max-width: 200px;
    min-width: 173px;
    padding: 0 1%;
    line-height: 45px;
    height: 50px;
    border-radius: 35px;
    border: solid 2px #70afce;
    margin: 0 25px;
    background-color: rgba(255, 255, 255, 0.1);
}

.top-bottom button:first-child:hover {
    position: relative;
    z-index: 5;
}

.top-bottom button:first-child {
    position: relative;
}

.top-bottom button:nth-child(2) {
    position: relative;
    z-index: 5;
}

.top-bottom button:nth-child(3) {
    border: solid 2px #ffab40;
}
.chageBlue:hover{
    background-color: #70afce;
}
.changeOrange:hover{
    background-color: #ffab40;
}

.website {
    text-decoration: none;
}

.top-bottom button img {
    width: 17px;
    height: 17px;
    margin-right: 3%;
    margin-top: -2%;
}

.top-bottom button span {
    font-size: 16px;
    color: #ffffff;
    margin: 22px 7px 22px 0;
}

.top-bottom .mydropdown {
    display: none;
    position: absolute;
    top: 40%;
    left: 0;
    z-index: 1;
}

.top-bottom .mydropdown img {
    width: 100%;
    height: 100%;
}

.top-bottom button:first-child:hover .mydropdown {
    display: block;
}

.top-bottom button:nth-child(2):hover .mydropdown {
    display: block;
}


/*顶部结束*/


/*软件简介开始*/

.software-Description {
    position: relative;
    width: 100%;
}

.software-Description-title {
    background-color: #7ecef4;
    width: 50%;
    height: 100px;
}

.software-Description-title span {
    display: block;
    line-height: 100px;
    margin-left: 45%;
    font-size: 40px;
    letter-spacing: 12px;
    color: #ffffff;
}

.software-Description-body {
    text-align: center;
    position: relative;
}

.software-box {
    display: inline-block;
    /*height: 280px;*/
    width: 22%;
    margin-left: 5%;
    vertical-align: top;
}

.software-box:nth-child(2) {
    margin-right: -4%;
}

.software-box img {
    width: 100%;
}

.software-img {
    position: relative;
    margin-top: -25px;
    z-index: 99;
}

.software-txt {
    margin-top: 23px;
}

.software-box h4 {
    text-align: justify;
    font-size: 26px;
    color: #393939;
    font-weight: bold;
}

.software-box p {
    font-size: 18px;
    color: #555555;
    text-align: justify;
}


/*软件简介结束*/


/*行业案例开始*/

.industry-case-txt {
    font-size: 16px;
    color: #555555;
    margin-top: 2%;
    margin-bottom: 2%;
}

.accordion {
    height: 600px;
    width: 100%;
    margin: 2% auto 2%;
    color: #FFF;
    position: relative;
    overflow: hidden;
}


/*.accordion ul:after{*/


/*content: "";*/


/*display: block;*/


/*clear: both;*/


/*}*/

.accordion {
    width: 100%;
}

.accordion li {
    width: 7.5%;
    height: 600px;
    position: relative;
    overflow: hidden;
    float: left;
    background-position: center;
}

.accordion li.last {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.accordion .link-area {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9;
}

.accordion .text-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    background: #000;
    z-index: 1;
}

.accordion .text-area {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    z-index: 2;
    border-radius: 20px
}

.accordion .text-area .ico {
    display: block;
    width: 25px;
    height: 25px;
    margin: 450px auto 0;
    font-size: 25px
}

.accordion .text-area .tit {
    margin-top: 15%;
    font-size: 20px;
    text-align: center;
    position: relative;
}

.accordion .text-area .tit:after {
    width: 36px;
    top: 80px;
    margin-left: -18px;
}

.accordion .text-area .txt {
    font-size: 20px;
    overflow: hidden;
    margin-top: 23px;
    margin-left: 46px;
    line-height: 30px;
}

.accordion .text-area .txt,
.accordion .text-area .opt {
    display: none;
}

.accordion .selected .text-area,
.accordion .selected .text-mask {
    width: 43%;
    max-width: 400px;
    height: 43%;
    padding: 30px;
    top: 54%;
    right: 16px;
    bottom: 41px;
    left: auto;
    background-color: rgba(126, 206, 244, 0.7);
    border-radius: 8px;
}

.accordion li a,
.accordion li a:hover,
.accordion li a:active {
    color: #fff;
}

.accordion .selected {
    background-size: 100% 100%;
}

.accordion .selected .text-area .ico {
    margin-top: 0px;
    float: left;
}

.accordion .selected .text-area .tit {
    font-size: 24px;
    font-weight: bold;
    float: left;
    margin-top: 7px;
    margin-left: 22px;
}

.accordion .selected .tit:after {
    width: 39px;
    bottom: -7px;
    margin-left: -38px;
    background: #fff;
    opacity: 0.24;
}

.accordion .selected .text-area .txt,
.accordion li.selected .text-area .opt {
    display: block;
    float: left;
}

.accordion .selected .text-mask {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    /*background:  #7ecef4;*/
}

.underline {
    text-align: center;
    position: relative;
}

.underline:after {
    content: "";
    position: absolute;
    width: 44px;
    height: 4px;
    bottom: -10px;
    left: 50%;
    margin-left: -22px;
    background: #7ecef4;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
}

.industry {
    background-image: url(../images_web/Home/industry.jpg);
}

.fashion-wholesale {
    background-image: url(../images_web/Home/fashion-wholesale.jpg);
}

.footwear-wholesale {
    background-image: url(../images_web/Home/footwear-wholesale.jpg);
}

.retail-store {
    background-image: url(../images_web/Home/retail-store.jpg);
}

.fruit {
    background-image: url(../images_web/Home/fruit.jpg);
}

.industry-case .mybtn {
    margin-bottom: 0;
}


/*行业案例结束*/


/*主要功能开始*/

.main-function .main-function-img {
    margin-top: 5%;
    margin-bottom: 5%;
}

.container-fluid-img {
    text-align: center;
}

.operate-easy-img {
    width: 40%;
    height: 300px;
    z-index: 2;
    /*margin-right: 360px;*/
}

.operate-easy-txt {
    width: 60%;
}

.main-function-title {
    z-index: 1;
    display: block;
    width: 400px;
    height: 89px;
    line-height: 25px;
    background-color: #7ecef4;
    font-size: 40px;
    letter-spacing: 3px;
    color: #ffffff;
}

.operate-easy-title {
    padding: 29px 109px 30px 118px;
    margin: 93px 0 50px -14px;
}

.main-function-info {
    display: block;
    width: 324px;
    height: 82px;
    font-size: 18px;
    color: #555555;
}

.operate-easy-info {
    margin-left: 20%;
}

.cloud-data-support {
    margin-top: 5%;
    margin-bottom: 5%;
}

.cloud-data-support-title {
    padding: 29px 60px 29px 81px;
    margin-top: 105px;
    margin-right: -3%;
    float: right;
    margin-bottom: 50px;
}

.cloud-data-support-info,
.multiple-employees-info {
    display: block;
    float: right;
}

.cloud-data-support-img {
    margin-left: 20%;
    width: 45%;
    height: 300px;
}

.quick-billing-title {
    padding: 29px 113px 29px 114px;
    margin: 93px 0 50px -15px;
}

.quick-billing-info {
    margin-left: 11%;
}

.multiple-employees-title {
    padding: 30px 42px 29px 41px;
    margin: 123px 0 50px 90px;
}

.data-statistics-title {
    padding: 33px 112px 25px 80px;
    margin: 93px 0 50px -15px;
}

.data-statistics-info {
    margin-left: 8%;
}


/*主要功能结束*/


/*教程帮助开始*/

.tutorial-help-img {
    margin-top: 8%;
    margin-bottom: 5%;
}

.tutorial-help-body {
    margin-left: 10%;
    margin-right: 10%;
}

.aside-p {
    font-size: 20px;
    line-height: 41px;
    letter-spacing: 2px;
    color: #000;
    display: block;
    text-align: center;
    margin-top: 45px;
}

.postion-slide {
    position: relative;
}

.postion-p {
    position: absolute;
    top: 100%;
}

.v-current {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    line-height: 41px;
    letter-spacing: 3px;
    color: #555555;
}

.video-play-icon i {
    color: rgb(12, 176, 234);
    position: absolute;
    left: 42%;
    top: 33%;
}

.video-play-icon .playI {
    font-size: 50px;
}
.hoverchange:hover{
    background-color: #ffab40;
}
.swiper-slide {
    text-align: center;
    /*font-size: 18px;*/
    background: #fff;
    width: 10%;
    /* 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;
    transition: 300ms;
    transform: scale(0.8);
}
.container{
    margin-bottom: 80px;
}
.swiper-slide {
    height: 80% !important;
}

.swiper-slide img {
    width: 80%;
}

.swiper-slide-active,
.swiper-slide-duplicate-active {
    transform: scale(1);
}

.slide-video {
    width: 285px;
    position: absolute;
    left: -43%;
    top: -73%;
}

.index-vclose {
    position: absolute;
    right: 25%;
    top: -70%;
    cursor: pointer;
    font-size: 35px;
}

.mybtn {
    cursor: pointer;
    width: 120px;
    height: 40px;
    border: 0;
    background-color: #7ecef4;
    box-shadow: 0px 10px 10px 0px rgba(56, 56, 56, 0.5);
    border-radius: 40px;
    margin-bottom: 5%;
}

.index-video-btn {
    margin-top: 4%;
    margin-bottom: 7%;
}

.mybtn span {
    font-size: 16px;
    color: #fffefe;
    margin: 28px 3px 27px 15px;
}

.mybtn img {
    width: 12px;
    height: 15px;
    margin-top: -2%;
}


/*教程帮助结束*/


/*产品服务开始*/

.product-service-title {
    margin-bottom: 5%;
}

.soft-title {
    height: 21px;
    margin-left: 20px;
    margin-bottom: 50px;
}

.soft-title-img {
    width: 20px;
    height: 20px;
    margin-top: 3px;
}

.soft {
    width: 100%;
    margin: 0 auto;
}

.soft-title h4 {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 3px;
    color: #000000;
}

.soft-title h4 span {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 2px;
    color: #000000;
}


/*软件*/

.soft-body {
    /*margin-left: 10%;*/
    margin-top: 21px;
    /*height:320px;*/
    margin-bottom: 5%;
}

.soft-body-box {
    margin: 0 auto;
    width: 29%;
    height: 300px;
    border: solid 2px #70afce;
    text-align: center;
    display: table;
}

.soft-body-box .show {
    height: 450px;
    vertical-align: middle;
}

.soft-body-box .show:hover img {
    transform: scale(1.07);
}

.soft-body-box .show p {
    font-size: 18px;
    letter-spacing: 3px;
    color: #666666;
}

.computer-p {
    margin-top: 5%;
}

.google {
    display: block;
    text-decoration: underline;
    color: #666666;
    margin-top: 30%;
    font-size: 14px;
}

.google:hover {
    color: #67b168;
}

.distant {
    margin-top: 10%;
    width: 64%;
}

.phone-img {
    margin-top: 10%;
    width: 73%;
}

.distant1 {
    margin-top: 30%;
    width: 70%;
}


/*小程序商城*/

.small-program {
    width: 100%;
    position: relative;
}

.small-program-title:after {
    content: '';
    display: block;
    clear: both;
}

.small-program-title h4 {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 3px;
    color: #000000;
}

.small-program-body {
    width: 160%;
    height: 350px;
    position: relative;
    margin-top: 3%;
    margin-right: -15%;
    margin-bottom: 3%;
}

.small-program-body .scan-code-img {
    width: 30%;
    height: 339px;
}

.small-program-body .blue-box {
    height: 160px;
    position: absolute;
    width: 40%;
    z-index: 10;
    background-color: #70afce;
    left: 26%;
    top: 25%;
    font-size: 55px;
    line-height: 160px;
    text-align: center;
}

.small-mybtn {
    position: absolute;
    left: 36%;
    top: 80%;
}

.small-program-body .small-mybtn .mybtn {
    margin-bottom: 0;
}

.p-txt {
    position: absolute;
    right: 45%;
    top: 40%;
    text-align: right;
}

.p-txt p:first-child {
    font-size: 35px;
    letter-spacing: 8px;
    color: #ffffff;
}

.p-txt p:last-child {
    font-weight: 200;
    font-size: 25px;
    letter-spacing: 6px;
    color: #ffffff;
}


/*硬件设备*/

.hardware-title {
    margin-left: 15%;
}

.hardware-title-h4 {
    font-size: 20px;
}

.hardware-i {
    width: 100%;
    position: relative;
    height: 100%;
    margin: 0 auto;
}
.hardware-i img{
    position: absolute;
    width: 166px;
    height: 166px;
}
.bg1{
    background: url(../images_web/Home/bg1.png);
    background-size: 100% 100%;
}
.bg2{
    background-image: url(../images_web/Home/bg2.png);
    background-size: 100% 100%;
}

.hardware-img {
    width: 100%;
}

.hardware-one {
    width: 100%;
    position: relative;
    text-align: center;
    margin-bottom: 2%;
    height: 300px;
}

.hardware-one-txt {
    position: absolute;
    right: 25%;
    top: 23%;
}

.hardware-two-txt {
    position: absolute;
    left: 25%;
    top: 23%;
}

.hardware-p1 {
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 2px;
    color: #666666;
    text-shadow: 2px 2px 8px rgb(122, 122, 122);
}

.hardware-p2 {
    font-size: 18px;
    letter-spacing: 2px;
    color: #666666;
    text-align: justify;
    margin-bottom: 1%;
}

.hardware-p3 {
    text-align: right;
}

.hardware-two {
    width: 100%;
    position: relative;
    text-align: center;
    margin-bottom: 2%;
    height: 300px;
}

.goshopping-btn {
    width: 120px;
    height: 40px;
    background-image: linear-gradient(-40deg, #d77f0f 0%, #eb9d3a 50%, #feba65 100%), linear-gradient( #ffab40, #ffab40);
    box-shadow: 0px 10px 15px 0px rgba(215, 127, 15, 0.5);
    border-radius: 10px;
}

.goshopping-btn {
    border: none;
    cursor: pointer;
}

.goshopping-btn span {
    font-size: 14px;
    letter-spacing: 4px;
    color: #ffffff;
}

.btn-one {
    position: absolute;
    left: 60%;
    top: 65%;
}

.btn-two {
    position: absolute;
    left: 25%;
    top: 65%;
}


/*产品服务结束*/

/*video::-webkit-media-controls {  !*不显示时间条*!*/
/*    object-fit:fill;  !*设置预览图铺满*!*/
/*    display:none !important;*/
/*  }*/