
    /**================================================公司介绍================================================**/
.about-page {
    color: #333;
}
.about-page .section-one {
    text-align: center;
    height: 500px;
    background: url("http://app.sms10001.com/images/about_intro_bg.jpg") no-repeat center center;
    background-size: cover;
    line-height: 500px;
    font-size: 60px;
    color: white;
    font-family: 'HelveticaNeue-UltraLight', "PingFang SC",Arial,Verdana,sans-serif;
}
.about-page .section-two {   width:1200px;margin:60px auto;}
.app-intro {
   width:1200px;
   margin: 80px auto 0;
}
.about-page .section-two .j-title-box {
    margin-bottom: 60px;
}
.about-page .section-two .description {
    text-align: left;
    width: 1000px;
    height: auto;
    margin: 0 auto;
    line-height: 2;
    position: relative;
}
.about-page .section-two .description .item {
    position: absolute;
    width: 550px;
}
.about-page .section-two .description .item-left {
    left: 0;
}
.about-page .section-two .description .item-right {
    right: 0;
}
.about-page .section-two .description .item-1 {
    top: 110px;
}
.about-page .section-two .description .item-2 {
    top: 345px;
}
.about-page .section-two .description .item-3 {
    top: 580px;
}
.about-page .section-two .description .item-4 {
    top: 815px;
}
.about-page .section-two .description .item-5 {
    top: 1050px;
}
.about-page .section-two .description .item-6 {
    top: 1285px;
}

.about-page .section-two .description .item-9 {
    top: 1285px;
}
.about-page .section-two .description .item-10 {
    top: 1435px;
}
.about-page .section-two .description .item .pic {
    position: absolute;
}
.about-page .section-two .description .item .horizontal-line {
    display: inline-block;
    width: 350px;
    height: 3px;
    position: absolute;
    top: 42px;
}
.about-page .section-two .description .item .dot {
    display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    position: absolute;
    top: -7.5px;
}
.about-page .section-two .description .item-left .dot {
    left: -7.5px;
}
.about-page .section-two .description .item-right .dot {
    right: -7.5px;
}
.about-page .section-two .description .item-1 .horizontal-line, .about-page .section-two .description .item-1 .dot{
    background-color: #473e86;
}
.about-page .section-two .description .item-2 .horizontal-line, .about-page .section-two .description .item-2 .dot{
    background-color: #1d75bb;
}
.about-page .section-two .description .item-3 .horizontal-line, .about-page .section-two .description .item-3 .dot{
    background-color: #26a597;
}
.about-page .section-two .description .item-4 .horizontal-line, .about-page .section-two .description .item-4 .dot{
    background-color: #53b983;
}
.about-page .section-two .description .item-5 .horizontal-line, .about-page .section-two .description .item-5 .dot{
    background-color: #ec863e;
}
.about-page .section-two .description .item-6 .horizontal-line, .about-page .section-two .description .item-6 .dot{
    background-color: #f9af41;
}

.about-page .section-two .description .item-7 .horizontal-line, .about-page .section-two .description .item-7 .dot{
    background-color: #687ABB;
}

.about-page .section-two .description .item-8 .horizontal-line, .about-page .section-two .description .item-8 .dot{
    background-color: #716E06;
}
.about-page .section-two .description .item-9 .horizontal-line, .about-page .section-two .description .item-9 .dot{
    background-color: #687ABB;
}

.about-page .section-two .description .item-10 .horizontal-line, .about-page .section-two .description .item-10 .dot{
    background-color: #716E06;
}

.about-page .section-two .description .item-left .pic {
    right: -52.5px;
}
.about-page .section-two .description .item-right .pic {
    left: -52.5px;
}
.about-page .section-two .description .item-left .horizontal-line{
    right: 50px;
}
.about-page .section-two .description .item-right .horizontal-line{
    left: 50px;
}
.about-page .section-two .description .item .text-wrapper {
    width: 380px;
    position: absolute;
    top: -10px;
}
.about-page .section-two .description .item-left .text-wrapper {
    left: 0;
}
.about-page .section-two .description .item-right .text-wrapper {
    right: 0;
}.about-page .section-two .description .item .text-wrapper .year {
    font-size: 42px;
 }
.about-page .section-two .description .item-left .text-wrapper .year {
    text-align: left;
}
.about-page .section-two .description .item-right .text-wrapper .year {
    text-align: right;
}
.about-page .section-two .description .item-1 .text-wrapper .year {
    color: #473e86;
}
.about-page .section-two .description .item-2 .text-wrapper .year {
    color: #1d75bb;
}
.about-page .section-two .description .item-3 .text-wrapper .year {
    color: #26a597;
}
.about-page .section-two .description .item-4 .text-wrapper .year {
    color: #53b983;
}
.about-page .section-two .description .item-5 .text-wrapper .year {
    color: #ec863e;
}
.about-page .section-two .description .item-6 .text-wrapper .year {
    color: #f9af41;
}
.about-page .section-two .description .item .text-wrapper .detail {
    font-size: 14px;
}
.about-page .section-two .description .top-dot {
    display: inline-block;
    width: 15px;
    height: 15px;
    position: absolute;
    left: 50%;
    margin-left: -7.5px;
    background-color: #473e86;
    border-radius: 50%;
}
.about-page .section-two .description .vertical-line {
    display: inline-block;
    position: absolute;
    height: 100%;
    width: 6px;
    background-color: #473e86;
    left: 50%;
    margin-left: -3px;
}
.about-page .section-3 {
    background-color: #f5f5f5;
}
.about-page .section-3 .title {
    font-size: 48px;
    padding-top: 90px;
}
.about-page .section-3 img {
    margin: 0 50px 120px;
    width: 212px;
}
.about-page .section-3 .detail {
    font-size: 18px;
    width: 762px;
    display: inline-block;
    margin: 28px auto 62px;
    line-height: 1.89;
}
.intro-title {

    font-size: 36px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
}
.app-intro .content-left {
    top: 22px;
  position: absolute;
  left: 2px;
}
.app-intro .content-right {
    position: absolute;
    margin: 0 16px 16px 87px;
    width: 85%;
}
.app-intro .content-left .app-pic {
    font-size: 0;
    position: relative;
}
.app-intro .content-left .app-pic img {
    height: 68px;
    width: 68px;
  vertical-align: middle;
}
.app-intro .content-right .app-name {
    font-size: 24px;
    font-weight: bolder;
    margin-bottom: 5px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
}
.star-xbig, .star-xbig .star-percent {
    width: 116px;
    height: 20px;
    display: inline-block;
    background: url(http://app.sms10001.com/images/star-24_f37d9e9.png);
    vertical-align: top;
    background-position: 0 -118px;
}
.app-intro .intro-top {
    padding-top: 20px;

  position: relative;
  margin-bottom: 80px;}
.app-intro .content-right .app-feature-detail {
    margin-left: 10px;
}
.app-intro .detail {
    font-size: 12px;
    margin-top: 10px;
    color: gray;
}
.app-intro .content-right .size, .app-intro .content-right .version, .app-intro .content-right .download-num {
    margin-right: 18px;
}
.swiper-button-next {
    background: url(http://app.sms10001.com/images/sales-arrow-r.png) no-repeat center;
}
.swiper-button-prev {
    background: url(http://app.sms10001.com/images/sales-arrow-l.png) no-repeat center;
}
.describe-title {
    font-size: 16px;
    font-weight: 600;
}
.describe-cont {
    line-height: 30px;
}
.mshow, .mdescribe, .iosmshow {
    color: #007dff;
}
.moredescribe {
    display: none;
}
.mdescribe {
    float: right;
    padding-right: 20px;
}
.res-tag-ok {
    background-image: url(http://app.sms10001.com/images/res-tag-24_9eb1f50.png);
    background-position: 0 -1px;
    color: #2b2b2b;
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    text-align: left;
    padding-left: 18px;
    margin-right: 3px;
}
.swiper-button-next, .swiper-button-prev {
    color: #076BF2;
}
.content-describe {    padding-top: 50px;}
.content-botm{padding:20px 0;border-bottom: 1px solid #ddd;}
.btn-download{width: 165px;height: 60px;display: inline-block;float: right;background-color: #007dff;color: #fff;border-radius: 50px;line-height: 60px;text-align: center;font-size: 20px;}
.btn-download:hover{opacity: 0.5;}
.app-intro .content-iosright .app-name{font-size: 2em;line-height: 1.5;}
.app-intro .content-iosright .app-name1 {
   color: #636366;
       font-weight: normal;
       font-size: 18px;
}


.swiper-ioscontainer {
    margin-top: 20px;
}
.iosstar-xbig{width: 116px;
    height: 20px;
    display: inline-block;
    vertical-align: top;}
.iosstar-percent{height: 20px;
    display: inline-block;
    background: url(http://app.sms10001.com/images/star-24_f37d9e9.png);
    vertical-align: top;
  background-position: 0 -165px;}
.app-intro .content-iosright {
  position: absolute;
  margin: 0 16px 16px 106px;
  width: 85%;
  }
.app-intro .content-left .app-iospic img{height: 88px;width: 88px;}
.iostopbg{width: 100%;border-top: 1px solid #ddd;margin-top: 30px;}
.wrap-iosli{margin-top: 150px;border-top: 1px solid #ddd;padding:15px 0;}
.wrap-iosli li{display: inline-block;list-style: none;font-weight: bold;margin-right: 15px;font-size: 16px;}
.wrap-iosli .screenshots{font-weight: bold;margin-right: 15px;font-size: 16px;}
.wrap-iosli .ioslibox{display: inline-block;}
.wrap-iosli .blue{color: #0070c9;}
.wrap-iosli .blue:hover{cursor: pointer;}
.swiperios{display: none;}
.wrap-iosli .current {border-bottom:3px solid #0070c9}
.swiperios .swiper-container-horizontal {margin-top: 0;}
.mshow,.mdescribe,.iosmshow{color: #007dff;}
.swiper-button-next:after, .swiper-button-prev:after {
    content: none;
}
