h4 {font-size: 3.2rem;_font-size: 22px;}
@media only screen and (max-width: 800px) {
.companyInfo .content {
display:flex;
flex-wrap:wrap;
max-width:100%;
flex-direction: column-reverse;
padding:0!important;
align-items:center;
}

.companyInfo .content .rightImg {
margin-left:0!important;
justify-content:center;
}

.companyInfo .content .leftText {
margin-right:0!important;
}



.logo {
display: none;
}

.companyDesc {
margin-top:-20px!important;
}

.appEffects {
background:none!important;
}

.appEffects .content {
display:block!important;
}

.appEffects .content .item {
padding-left:30px;
}

.appEffects .moduleTitlte {
margin-bottom:0!important;
}
.appEffects .content:before {
	display:none;
}

.appScenario .listArea {
flex-wrap:wrap;
}

.appScenario .listArea .item .content {
//display:none!important;
}


}


.swiper-slide {
height:0;
}

.companyInfo {
    width: 100%;
    background-color: #f9f9f9;
    //padding-top: 1px;
    //padding-bottom: 50px
}

.companyInfo .moduleTitle {
    color: #000;
   // margin: 50px auto;
    text-align: center;
    font-size: 30px;
    font-weight: 500
}

.companyInfo .content {

    display: flex;
    padding: 30px 0 30px 50px;
    min-height: 417px;
    max-width: 1200px;
    box-sizing: border-box
}

.companyInfo .content .leftText,.companyInfo .content .rightImg {
    flex: 1 1
}

.companyInfo .content .leftText {
    margin-right: 30px
}

.companyInfo .content .leftText img.logo {
    width: 258px;
    height: 64px;
    object-fit: contain
}

.companyInfo .content .leftText .companyName {
    margin-top: 10px;
    text-align: right
}

.companyInfo .content .leftText .companyDesc {
    margin-top: 30px;
    font-size: 14px;
    line-height: 28px;
    color: #666;
    text-align: justify
}

.companyInfo .content .leftText .companyDesc  .card-selling-points .card-title {
font-size:25px;
line-height:40px;
word-break: break-word;
color:#000;
margin-bottom:8px;
}

.companyInfo .content .leftText .companyDesc  .card-selling-points {
margin-bottom:25px;
}

.companyInfo .content .leftText .companyDesc  .card-selling-points li {
color:#757575;
font-size:15px;
}

.companyInfo .content .rightImg {
    padding-bottom: 15px;
    box-sizing: border-box;
    margin-left: 15px;
    display: flex;
    align-items: center
}

.companyInfo .content .rightImg img {
    width: 90%;
    overflow: hidden
}

.appScenario {
    background-color: #f9f9f9;
    //padding-top: 70px
}

.appScenario .moduleTitle {
    color: #000;
    margin-bottom: 40px;
    text-align: center;
    font-size: 30px;
    font-weight: 500
}

.appScenario .listArea {
    display: flex;
    flex-direction: row
}

.appScenario .listArea .item {
    position: relative;
    flex-grow: 1
}

.appScenario .listArea .item .itemBackground {
    width: 100%;
position:relative;
}

.appScenario .listArea .item .content {
    position: absolute;
z-index:9;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  //  width: 70%;
   // height: 70%;
    flex: 1 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: #fff
}


.appScenario .listArea .item .icon img {
    display: inline-block;
    width: 90px;
    height: 90px;
    object-fit: contain;
   // margin-top: 80px
}

.appScenario .listArea .item .name {
    font-size: 24px;
    line-height: 33px;
    width: 240px;
    font-weight: 500;
    margin-top: 10px
}

.appScenario .listArea .item .desc {
    font-size: 14px;
    line-height: 28px;
    width: 240px;
    margin-top: 40px
}

.appEffects {
    width: 100%;
    //padding-top: 50px;
    padding-bottom: 20px;
    min-height: 500px
}

.appEffects .moduleTitlte {
    color: #000;
    //margin: 0 auto 60px;
    text-align: center;
    font-size: 30px;
    font-weight: 500
}

.appEffects .content {
    display: flex;
padding-top:46px;
}

.appEffects .content:before {
    content: "";
    width: 55%
}

.appEffects .content .item {
    margin-bottom: 30px;
    display: flex;
    align-items: baseline;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0,0,0,.1);
   // width: 400px;
}

.appEffects .content .item:first-child {
margin-top:12px;
}

.appEffects .content .content-dot {
    width: 8px;
    height: 8px;
    background-color: #0065d9;
    border-radius: 50%;
    flex-shrink: 0;
    flex-grow: 0;
    margin-right: 18px
}

.appEffects .content .content-name {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px
}

.appEffects .content .content-desc {
    font-size: 16px;
    line-height: 22px;
    color: #666;
    text-align: justify
}

@font-face {
    font-family: anticon;
    src: url(//at.alicdn.com/t/font_1434092639_4910953.eot);
    src: url(//at.alicdn.com/t/font_1434092639_4910953.eot?#iefix) format("embedded-opentype"),url(//at.alicdn.com/t/font_1434092639_4910953.woff) format("woff"),url(//at.alicdn.com/t/font_1434092639_4910953.ttf) format("truetype"),url(//at.alicdn.com/t/font_1434092639_4910953.svg#iconfont) format("svg")
}

.page-heart {
    width: 100%;
    margin: 0 auto
}

