.inner{
    width: 1200px;
    max-width: none;
}
#video1{
    display: none;
}
/*sec14*/
.sec14{ width:100%; overflow:hidden; padding:5.2% 0}
.sec14 .inner{ width:1600px; position:relative;}
.sec14 h1{ text-align:center; color:#222; padding-bottom:50px; font-size:38px; line-height:1; font-weight:bold;}
.sec14 .sec14_cont{ border-top:#bbb solid 1px; padding:50px 0 40px; opacity:0;}
.sec14 .sec14_tit{ width:30%;}
.sec14 .sec14_tit h2{ padding-left:100px; font-size:32px; line-height:1; color:#333;}
.sec14 .sec14_tet{ width:70%;}
.sec14 .sec14_tet ul.sec14_ul{ width:100%;}
.sec14 .sec14_tet ul.f-left,.sec14 .sec14_tet ul.f-right{ width:50%; }
.sec14 .sec14_tet ul li{ float:left; width:100%;font-size:16px; line-height:1.5; padding-bottom:10px; color:#333; font-weight:normal;}
.sec14 .sec14_tet ul li strong,.sec14 .sec14_tet ul li span{ float:left; display:block;line-height:1.5;}
.sec14 .sec14_tet ul li .colorw{ color:#fff;}
.sec14 .sec14_tet ul li img{
    max-width: 100%;
}
.sec14 .sec14_btn{ width:168px; height:45px; margin:0 auto;}
.sec14 .sec14_btn a{ display:block; color:#fff; width:100%; font-size:16px; height:45px; line-height:45px; text-align:center; background-color:#0e4b9f; }
.sec14 .sec14_btn a span.sec14_btn_icon{background-image:url(../images/porduct_meeting_detail1_sec14_icon.png); background-repeat:no-repeat; background-position:center; width:15px; height:8px; margin-left:6px; display:inline-block;}
.sec14 .sec14_btn a.active span.sec14_btn_icon{background-image:url(../images/porduct_meeting_detail1_sec14_icon1.png);}
.sec14_hide{ display:none;}
.sec14.actived h1{opacity:1;
    -webkit-animation: 	appearFromTB1  1000ms ease 50ms both;
    -moz-animation: 	appearFromTB1  1000ms ease 50ms both;
    -ms-animation: 		appearFromTB1  1000ms ease 50ms both;
    -o-animation: 		appearFromTB1  1000ms ease 50ms both;
    animation: 			appearFromTB1  1000ms ease 50ms both;
}
.sec14.actived .sec14_cont{opacity:1;
    -webkit-animation: 	appearFromTB1  1000ms ease 100ms both;
    -moz-animation: 	appearFromTB1  1000ms ease 100ms both;
    -ms-animation: 		appearFromTB1  1000ms ease 100ms both;
    -o-animation: 		appearFromTB1  1000ms ease 100ms both;
    animation: 			appearFromTB1  1000ms ease 100ms both;
}
/*sec15*/
.sec15{ width:100%; overflow:hidden; padding:70px 0 80px; background-color:#f7f7f7;}
.sec15 .inner{ width:1520px; position:relative;}
.sec15 h1{ text-align:center; color:#333; padding-bottom:35px; font-size:38px; line-height:1; font-weight:bold; opacity:0;}
.sec15 ul{ width:100%; text-align: center;}
.sec15 ul li{ display: inline-block; width:17%; text-align:center; margin-right:3.5%; opacity:0; position:relative; overflow:hidden;}
.sec15 ul li:last-child{ margin-right:0;}
.sec15 ul li .download_content{ display:block; width:100%; height:100%; border-bottom-left-radius:4px; border-bottom-right-radius:4px;transition: 0.15s linear; -moz-transition:0.15s linear; -webkit-transition:0.15s linear;}
.sec15 ul li:hover .download_content{ background-image:url(../images/porduct_meeting_detail1_sec15_bg.jpg); background-size:cover;}
.sec15 ul li img{ width:100%;}
.sec15 ul li p{ font-size:22px; line-height:80px; color:#333; padding-left:120px; text-align:left;}
.sec15 ul li:hover p{ color:#fff;}
.sec15 ul li .sec15_bottom{background-repeat:no-repeat; background-size:55px auto; background-position:30px center; transition: 0.25s linear; -moz-transition:0.25s linear; -webkit-transition:0.25s linear;border:#d4d4d4 solid 1px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; border-top:none;}
.sec15 ul li.one .sec15_bottom{ background-image:url(../images/porduct_meeting_detail1_sec15_icon1.png); }
.sec15 ul li.second .sec15_bottom{ background-image:url(../images/porduct_meeting_detail1_sec15_icon2.png); }
.sec15 ul li.third .sec15_bottom{ background-image:url(../images/porduct_meeting_detail1_sec15_icon3.png); }
.sec15 ul li.fourth .sec15_bottom{ background-image:url(../images/porduct_meeting_detail1_sec15_icon4.png); }
.sec15 ul li.last .sec15_bottom{ background-image:url(../images/porduct_meeting_detail1_sec15_icon5.png); }
.sec15 ul li.one:hover .sec15_bottom{ background-image:url(../images/porduct_meeting_detail1_sec15_icon1_1.png); }
.sec15 ul li.second:hover .sec15_bottom{ background-image:url(../images/porduct_meeting_detail1_sec15_icon2_1.png); }
.sec15 ul li.third:hover .sec15_bottom{ background-image:url(../images/porduct_meeting_detail1_sec15_icon3_1.png); }
.sec15 ul li.fourth:hover .sec15_bottom{ background-image:url(../images/porduct_meeting_detail1_sec15_icon4_1.png); }
.sec15 ul li.last:hover .sec15_bottom{ background-image:url(../images/porduct_meeting_detail1_sec15_icon5_1.png); }
.sec15 ul li .sec_box{ position:absolute;  top:-100%; height:100%; width:100%;transition: 0.5s linear; -moz-transition:0.5s linear; -webkit-transition:0.5s linear; background-image:url(../images/porduct_meeting_detail1_download_bg.png); background-repeat:repeat; z-index:1;border-top-left-radius:4px; border-top-right-radius:4px;}
.sec15 ul li .sec_box a{ color:#fff; font-size:22px; line-height:1;height:auto; padding-bottom:18px; display:block;border-bottom-left-radius:0; border-bottom-right-radius:0;}
.sec15 ul li .sec_box a:first-child{ padding-top:34px;}
.sec15 ul li .sec_box a.mobile{ display:none;}
.sec15 ul li:hover .sec_box{ top:0px;}
.sec15 ul li .sec_box a:hover{ text-decoration:underline;background-image:none;}
.sec15 ul li:hover .sec_box a{ background-image:none;}
.sec15.actived h1{opacity:1;
    -webkit-animation: 	appearFromTB1  1000ms ease 50ms both;
    -moz-animation: 	appearFromTB1  1000ms ease 50ms both;
    -ms-animation: 		appearFromTB1  1000ms ease 50ms both;
    -o-animation: 		appearFromTB1  1000ms ease 50ms both;
    animation: 			appearFromTB1  1000ms ease 50ms both;
}
.sec15.actived ul li{ opacity:1;
    -webkit-animation: 	appearFromTB1  1000ms ease 100ms both;
    -moz-animation: 	appearFromTB1  1000ms ease 100ms both;
    -ms-animation: 		appearFromTB1  1000ms ease 100ms both;
    -o-animation: 		appearFromTB1  1000ms ease 100ms both;
    animation: 			appearFromTB1  1000ms ease 100ms both;
}
.sec15.actived ul li:nth-child(2){
    -webkit-animation: 	appearFromTB1  1000ms ease 300ms both;
    -moz-animation: 	appearFromTB1  1000ms ease 300ms both;
    -ms-animation: 		appearFromTB1  1000ms ease 300ms both;
    -o-animation: 		appearFromTB1  1000ms ease 300ms both;
    animation: 			appearFromTB1  1000ms ease 300ms both;
}
.sec15.actived ul li:nth-child(3){
    -webkit-animation: 	appearFromTB1  1000ms ease 500ms both;
    -moz-animation: 	appearFromTB1  1000ms ease 500ms both;
    -ms-animation: 		appearFromTB1  1000ms ease 500ms both;
    -o-animation: 		appearFromTB1  1000ms ease 500ms both;
    animation: 			appearFromTB1  1000ms ease 500ms both;
}
.sec15.actived ul li:nth-child(4){
    -webkit-animation: 	appearFromTB1  1000ms ease 700ms both;
    -moz-animation: 	appearFromTB1  1000ms ease 700ms both;
    -ms-animation: 		appearFromTB1  1000ms ease 700ms both;
    -o-animation: 		appearFromTB1  1000ms ease 700ms both;
    animation: 			appearFromTB1  1000ms ease 700ms both;
}
.sec15.actived ul li:nth-child(5){
    -webkit-animation: 	appearFromTB1  1000ms ease 900ms both;
    -moz-animation: 	appearFromTB1  1000ms ease 900ms both;
    -ms-animation: 		appearFromTB1  1000ms ease 900ms both;
    -o-animation: 		appearFromTB1  1000ms ease 900ms both;
    animation: 			appearFromTB1  1000ms ease 900ms both;
}
/*sec16*/
.sec16{ width:100%; padding-top:100px;}
.sec16 h1{ text-align:center; color:#222; font-size:38px; line-height:1; font-weight:bold; opacity:0;}
.sec16.actived h1{opacity:1;
    -webkit-animation: 	appearFromTB1  1000ms ease 50ms both;
    -moz-animation: 	appearFromTB1  1000ms ease 50ms both;
    -ms-animation: 		appearFromTB1  1000ms ease 50ms both;
    -o-animation: 		appearFromTB1  1000ms ease 50ms both;
    animation: 			appearFromTB1  1000ms ease 50ms both;
}
#featured-area{ display:none;}
.sec16 .swiper-container{ display:block;}
@-webkit-keyframes appearFromTB1 {
    0%	{opacity: 0; -webkit-transform: translateY(100px) ;}
    100%{ opacity: 1;-webkit-transform: translateY(0);}
}@-moz-keyframes appearFromTB1 {
     0%	{opacity: 0;-moz-transform: translateY(100px);}
     100%{opacity: 1; -moz-transform: translateY(0) ;}
 }@-ms-keyframes appearFromTB1 {
      0%	{opacity: 0;-ms-transform: translateY(100px);}
      100%{opacity: 1;-ms-transform: translateY(0) ;}
  }@-o-keyframes appearFromTB1 {
       0%	{opacity: 0;-o-transform: translateY(100px);}
       100%{opacity: 1;-o-transform: translateY(0) ;}
   }@keyframes appearFromTB1 {
        0%	{opacity: 0;transform: translateY(100px) ;}
        100%{opacity: 1;transform: translateY(0) ;}
    }




.section1{
    background-repeat: no-repeat;
    background-image: url(../images/product_sap_section1_bg_web.jpg);
    background-position: center center;
    background-size: auto 100%;
    position: relative;
    text-align: center;
    padding: 4.58% 0 3.54%;
    height: 72.375em;
}
.section1 .text-box{
    font-size: 3.875em;
    color: #fff;
    font-weight: bold;
}
.section1 .video-box{
    margin: 2.65625% auto 3.958%;
    width: 45.5%;
    position: relative;
}
.section1 .video-box .img{
    width: 100%;
}
.section1 .video-box video{
    position: absolute;
    left: 0;
    right: 0;
    top: 1.77%;
    margin: 0 auto;
    width: 97.92%;
}
.section1 .video-box .cir-box{
    width: 0.875em;
    height: 0.875em;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
}
.section1 .video-box .cir-box.cir1{
    left: 21.416%;
    top: 23.266%;
}
.section1 .video-box .cir-box.cir2{
    right: 20.75%;
    top: 14.306%;
}
.section1 .video-box .cir-box.cir3{
    right: 38.583%;
    bottom: 25%;
}
.section1 .video-box .cir-box.cir4{
    left: 21.416%;
    bottom: 25%;
}
.section1 .video-box .cir-box .circle{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -ms-transform: scale(0,0);
    -o-transform: scale(0,0);
    transform: scale(0,0);
    opacity: 0.5;
    -webkit-animation: sec1cirani 4s linear infinite both;
    -moz-animation: sec1cirani 4s linear infinite both;
    -ms-animation: sec1cirani 4s linear infinite both;
    -o-animation: sec1cirani 4s linear infinite both;
    animation: sec1cirani 4s linear infinite both;
}
@keyframes sec1cirani {
    100%{
        opacity: 0;
        transform: scale(5,5);
    }
}
@-webkit-keyframes sec1cirani {
    100%{
        opacity: 0;
        -webkit-transform: scale(5,5);
    }
}
@-moz-keyframes sec1cirani {
    100%{
        opacity: 0;
        -moz-transform: scale(5,5);
    }
}
@-ms-keyframes sec1cirani {
    100%{
        opacity: 0;
        -ms-transform: scale(5,5);
    }
}
@-o-keyframes sec1cirani {
    100%{
        opacity: 0;
        -o-transform: scale(5,5);
    }
}
.section1 .video-box .cir-box .circle:nth-child(2){
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
}
.section1 .video-box .cir-box .circle:nth-child(3){
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -ms-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
}
.section1 .video-box .cir-box .circle:nth-child(4){
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    -ms-animation-delay: 3s;
    -o-animation-delay: 3s;
    animation-delay: 3s;
}
.section1 .video-box .cir-box.cir1 .line1{
    width: 777%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    right: 50%;
    top: 50%;
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.section1 .video-box .cir-box.cir2 .line1{
    width: 777%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.section1 .video-box .cir-box.cir3 .line1{
    width: 777%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.section1 .video-box .cir-box.cir4 .line1{
    width: 777%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    right: 50%;
    top: 50%;
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.section1 .video-box .cir-box.cir1 .line2{
    width: 2650%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    right: 603%;
    bottom: 585%;
}
.section1 .video-box .cir-box.cir2 .line2{
    width: 2507%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 595%;
    top: 595%;
}
.section1 .video-box .cir-box.cir3 .line2{
    width: 4043%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 595%;
    top: 600%;
}
.section1 .video-box .cir-box.cir4 .line2{
    width: 2507%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    right: 585%;
    top: 600%;
}
.section1 .video-box .cir-box p{
    font-size: 1.375em;
    color: #fff;
    line-height: 1.364;
    position: absolute;
    text-align: left;
    white-space: nowrap;
}
.section1 .video-box .cir-box.cir1 p{
    right: 2000%;
    bottom: 700%;
}
.section1 .video-box .cir-box.cir2 p{
    left: 2030%;
    top: 285%;
}
.section1 .video-box .cir-box.cir3 p{
    left: 2750%;
    top: 285%;
}
.section1 .video-box .cir-box.cir4 p{
    right: 1950%;
    top: 285%;
}
.section1 li{
    display: inline-block;
    vertical-align: top;
    margin: 0 4%;
}
.section1 li img{
    height: 2.625em;
    margin-bottom: 1.25em;
}
.section1 li p{
    font-size: 1.25em;
    color: #bbb;
    font-weight: bold;
    line-height: 1.6;
}
.section2{
    position: relative;
    overflow: hidden;
}
.section2 .bg{
    width: 100%;
}
.section2 .img{
    width: 37.4%;
    position: absolute;
    margin: 0 auto;
    top: 0;
    bottom: 0;
    left: -100%;
    opacity: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.section2.actived .img{
    left: 12.8125%;
    opacity: 1;
}
.section2 .text-box{
    text-align: center;
    position: absolute;
    top: 30.23%;
    right: -100%;
    opacity: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.section2.actived .text-box{
    opacity: 1;
    right: 8.2%;
}
.section2 .text-box h3{
    font-size: 2.625em;
    color: #222;
    font-weight: bold;
    margin-bottom: 1.9em;
}
.section2 li{
    display: inline-block;
    vertical-align: top;
    margin: 0 4.6%;
}
.section2 li img{
    height: 2.5em;
    margin-bottom: 1em;
}
.section2 li p{
    font-size: 1.125em;
    color: #333;
    line-height: 1.333;
    font-weight: bold;
}

.section3{
    text-align: center;
    position: relative;
}
.section3 .scroll-box{
    position: relative;
    overflow: hidden;
}
.section3 .bg{
    width: 100%;
}
.section3 .img-box{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 0%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: left center;
    background-image: url(../images/product_sap_section3_img2_web.jpg);
}
.section3.actived .img-box{
    width: 50%;
}
.section3.actived .img-box.transition{
    transition: all 2s;
    -webkit-transition: all 2s;
    -o-transition: all 2s;
    -ms-transition: all 2s;
    -moz-transition: all 2s;
}
.section3 .line{
    width: 3px;
    height: 100%;
    background-color: rgba(0,0,0,0.1);
    position: absolute;
    top: 0;
    left: 0;
    margin-left: -1.5px;
    z-index: 2;
}
.section3.actived .line{
    left: 50%;
}
.section3.actived .line.transition{
    transition: all 2s;
    -webkit-transition: all 2s;
    -o-transition: all 2s;
    -ms-transition: all 2s;
    -moz-transition: all 2s;
}
.section3 .line .circle{
    width: 34px;
    height: 34px;
    position: absolute;
    left: 50%;
    margin-left: -17px;
    bottom: 20.5%;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(../images/product_sap_section3_circle.png);
}
.section3 .line .circle p{
    font-size: 16px;
    color: #fefefe;
    font-weight: bold;
    white-space: nowrap;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-shadow: 0 0 1px #000;
}
.section3 .line .circle p.hdr{
    right: 100%;
    margin-right: 26px;
}
.section3 .line .circle p.normal{
    left: 100%;
    margin-left: 26px;
}
.section3 .text{
    position: absolute;
    left: 0;
    top: 11.63%;
    width: 100%;
    z-index: 3;
    transform: translateY(1em);
    -webkit-transform: translateY(1em);
    -o-transform: translateY(1em);
    -ms-transform: translateY(1em);
    -moz-transform: translateY(1em);
    opacity: 0;
}
.section3.actived .text{
    transition: all 1s 1s;
    -webkit-transition: all 1s 1s;
    -o-transition: all 1s 1s;
    -ms-transition: all 1s 1s;
    -moz-transition: all 1s 1s;
    opacity: 1;
    transform: translateY(0em);
    -webkit-transform: translateY(0em);
    -o-transform: translateY(0em);
    -ms-transform: translateY(0em);
    -moz-transform: translateY(0em);
}
.section3 .text h3{
    font-size: 42px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 1em;
}
.section3 .text p{
    font-size: 18px;
    color: #fff;
    font-weight: normal;
}
.section3 .text p span{
    margin: 0 2em;
}
.section3 .more{
    opacity: 0;
    font-size: 18px;
    color: #fff;
    display: block;
    width: 142px;
    height: 46px;
    line-height: 46px;
    border-radius: 23px;
    background-color: #2a71b9;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 3;
    bottom: 2.9%;
    margin: 0 auto;
}
.section3.actived .more{
    transition: all 1s 2s;
    -webkit-transition: all 1s 2s;
    -o-transition: all 1s 2s;
    -ms-transition: all 1s 2s;
    -moz-transition: all 1s 2s;
    opacity: 1;
    bottom: 5.8%;
}
.section4{
    /*padding-bottom: 5.2%;
    display: none;*/
}
.section4 .img-box{
    position: relative;
}
.section4 .img-box img{
    width: 100%;
}
.section4 .img-box .text{
    position: absolute;
    left: 0;
    bottom: 12.5%;
    width: 100%;
    text-align: center;
}
.section4 .img-box .text h3{
    font-size: 1.375em;
    color: #fff;
    font-weight: bold;
    width: 4.64em;
    height: 1.91em;
    line-height: 1.91em;
    border-radius: 0.227em;
    margin: 0 auto 1.136em;
    background-color: #2a71b9;
}
.section4 .img-box .text p{
    font-size: 1.375em;
    color: #666;
}
.section4 .close{
    text-align: center;
    display: block;
    margin: 2.6% auto 0;
    font-size: 18px;
    color: #fff;
    width: 110px;
    height: 46px;
    line-height: 46px;
    border-radius: 23px;
    background-color: #2a71b9;
}
.section4 .close img{
    vertical-align: middle;
    margin-right: 12px;
}

.section5{
    padding: 14.375% 0 19.479%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(../images/product1_sec4_bg.jpg);
    position: relative;
    overflow: hidden;
}
.section5 .left{
    width: 50%;
}
.section5 .left .title{
    transform: translateY(1em);
    -webkit-transform: translateY(1em);
    -o-transform: translateY(1em);
    -ms-transform: translateY(1em);
    -moz-transform: translateY(1em);
    opacity: 0;
}
.section5.actived .left .title{
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    opacity: 1;
    transform: translateY(0em);
    -webkit-transform: translateY(0em);
    -o-transform: translateY(0em);
    -ms-transform: translateY(0em);
    -moz-transform: translateY(0em);
}
.section5 .left .title h3{
    font-size: 2em;
    color: #222;
    font-weight: bold;
    line-height: 1.613;
}
.section5 .left .title h3 b{
    color: #2a71b9;
    font-size: 1.9375em;
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes rotate {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
    }
}
@-o-keyframes rotate {
    0% {
        -o-transform: rotate(0deg);
    }
    100% {
        -o-transform: rotate(360deg);
    }
}
@-ms-keyframes rotate {
    0% {
        -ms-transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
    }
}
.section5 .tv-box{
    width: 55.885%;
    position: absolute;
    right: -5.573%;
    top: 0;
    margin-top: 4.9%;
    overflow: hidden;
}
.section5 .tv-box img{
    width: 100%;
}
.section5 .tv-box video{
    height: 92%;
    position: absolute;
    left: 2.7%;
    top: 1.3%;
    right: 0;
    bottom: 6.3%;
    border-radius: 4px;
    overflow: hidden;
    margin: 0 auto;
}
.section6{
    text-align: center;
    position: relative;
}
.section6 .bg{
    width: 100%;
}
.section6 .screen1{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    opacity: 0;
}
.section6.actived .screen1{
    -webkit-transition: all 1s 1.5s;
    -moz-transition: all 1s 1.5s;
    -ms-transition: all 1s 1.5s;
    -o-transition: all 1s 1.5s;
    transition: all 1s 1.5s;
    opacity: 1;
}
.section6 .screen2{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin: 0 auto;
    height: 100%;
    opacity: 0;
}
.section6.actived .screen2{
    opacity: 1;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.section6 .screen3{
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    opacity: 0;
}
.section6.actived .screen3{
    -webkit-transition: all 1s 1.5s;
    -moz-transition: all 1s 1.5s;
    -ms-transition: all 1s 1.5s;
    -o-transition: all 1s 1.5s;
    transition: all 1s 1.5s;
    opacity: 1;
}
.section6 .lineleft{
    position: absolute;
    right: 67.45%;
    top: 0;
    height: 100%;
    background-image: url(../images/product_sap_section6_lineleft_web_bg.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: right center;
    -webkit-transition: all 1s 0.5s;
    -moz-transition: all 1s 0.5s;
    -ms-transition: all 1s 0.5s;
    -o-transition: all 1s 0.5s;
    transition: all 1s 0.5s;
    width: 0;
}
.section6.actived .lineleft{
    width: 32.55%;
}
.section6 .lineright{
    position: absolute;
    left: 67.45%;
    top: 0;
    height: 100%;
    background-image: url(../images/product_sap_section6_lineright_web_bg.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: left center;
    -webkit-transition: all 1s 0.5s;
    -moz-transition: all 1s 0.5s;
    -ms-transition: all 1s 0.5s;
    -o-transition: all 1s 0.5s;
    transition: all 1s 0.5s;
    width: 0;
}
.section6.actived .lineright{
    width: 32.55%;
}
.section6 .text{
    position: absolute;
    top:15%;
    left: 0;
    width: 100%;
    opacity: 0;
}
.section6.actived .text{
    top:9.58%;
    -webkit-transition: all 1s 1.5s;
    -moz-transition: all 1s 1.5s;
    -ms-transition: all 1s 1.5s;
    -o-transition: all 1s 1.5s;
    transition: all 1s 1.5s;
    opacity: 1;
}
.section6 .text h3{
    font-size: 2.625em;
    color: #fff;
    font-weight: bold;
    margin-bottom: 0.714em;
}
.section6 .text p{
    font-size: 1.125em;
    color: #fff;
}
.section7{
    position: relative;
    overflow: hidden;
}
.section7 .bg{
    width: 100%;
}
.section7 .cir-box{
    position: absolute;
    left: 11.3%;
    top: 48%;
    width: 42.8125%;
}
.section7 .cir-box img{
    width: 100%;
}
.section7 .cir-box .cir{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #156caa;
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -ms-transform: scale(0,0);
    -o-transform: scale(0,0);
    transform: scale(0,0);
    opacity: 0.5;
    -webkit-animation: sec7cirani 4s linear infinite both;
    -moz-animation: sec7cirani 4s linear infinite both;
    -ms-animation: sec7cirani 4s linear infinite both;
    -o-animation: sec7cirani 4s linear infinite both;
    animation: sec7cirani 4s linear infinite both;
}
.section7 .cir-box .cir:nth-child(2){
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
}
.section7 .cir-box .cir:nth-child(3){
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -ms-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
}
.section7 .cir-box .cir:nth-child(4){
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    -ms-animation-delay: 3s;
    -o-animation-delay: 3s;
    animation-delay: 3s;
}
@keyframes sec7cirani {
    100%{
        opacity: 0;
        transform: scale(1.85,1.85);
    }
}
@-webkit-keyframes sec7cirani {
    100%{
        opacity: 0;
        -webkit-transform: scale(1.85,1.85);
    }
}
@-moz-keyframes sec7cirani {
    100%{
        opacity: 0;
        -moz-transform: scale(1.85,1.85);
    }
}
@-ms-keyframes sec7cirani {
    100%{
        opacity: 0;
        -ms-transform: scale(1.85,1.85);
    }
}
@-o-keyframes sec7cirani {
    100%{
        opacity: 0;
        -o-transform: scale(1.85,1.85);
    }
}
.section7 .desk{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.section7 .img0{
    width: 32.1875%;
    position: absolute;
    left: 16.35%;
    bottom: 12%;
}
.section7 .img1{
    width: 10.3125%;
    position: absolute;
    left: 41.77%;
    bottom: 42.91%;
}
.section7 .img2{
    width: 10.3125%;
    position: absolute;
    left: 16.66%;
    bottom: 57.28%;
}
.section7 .img3{
    width: 10.3125%;
    position: absolute;
    left: 8.33%;
    bottom: 40.1%;
}
.section7 h3{
    text-align: center;
    position: absolute;
    left: 0;
    top: 9.71%;
    width: 100%;
    font-size: 3em;
    color: #222;
    font-weight: bold;
}
.section7 .text{
    width: 29.21875%;
    position: absolute;
    right: 11.5625%;
    top: 40.78%;
}
.section7 .text h5{
    font-size: 2.625em;
    color: #333;
    font-weight: bold;
    line-height: 1.333;
    margin-bottom: 0.62em;
}
.section7 .text p{
    font-size: 1.125em;
    color: #333;
    line-height: 1.55;
}
.section8{
    position: relative;
    overflow: hidden;
}
.section8 .bg{
    width: 100%;
}
.section8 .text{
    width: 29%;
    position: absolute;
    left: -100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
}
.section8.actived .text{
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    left: 11.6%;
    opacity: 1;
}
.section8 .text h5{
    font-size: 2.625em;
    color: #333;
    line-height: 1.43;
    margin-bottom: 0.6em;
}
.section8 .text p{
    font-size: 1.125em;
    color: #333;
    line-height: 1.55;
}
.section8 .slide-box{
    width: 52.65625%;
    position: absolute;
    right: -100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
}
.section8.actived .slide-box{
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    right: 4.32%;
    opacity: 1;
}
.section8 .slide-box .swiper-container{
    position: absolute;
    left: 11.276%;
    top: 1.45833%;
    width: 79.624%;
    margin: 0;
}
.section8 .slide-box .swiper-container .swiper-slide{
    margin: 0;
}
.section8 .slide-box img{
    width: 100%;
}
.section9{
    position: relative;
    overflow: hidden;
}
.section9 .bg{
    width: 100%;
}
.section9 .slide-box{
    width: 48.23%;
    position: absolute;
    left: 8.28125%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0.52% 0.52% 0.73% 0.46875%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(../images/product_sap_section9_tv.jpg);
}
.section9 .slide-box .swiper-container{
    width: 100%;
    margin: 0;
}
.section9 .slide-box .swiper-container .swiper-slide{
    margin: 0;
}
.section9 .slide-box img{
    width: 100%;
}
.section9 .clock-box{
    width: 26.66%;
    position: absolute;
    right: 9.79%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.section9 .clock-box .text{
    width: 109%;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.section9 .clock-box .text h5{
    font-size: 2.625em;
    color: #333;
    line-height: 1.43;
    margin-bottom: 0.6em;
}
.section9 .clock-box .text p{
    font-size: 1.125em;
    color: #333;
    line-height: 1.55;
}
.section9 .clock-box img{
    width: 100%;
}
.section9 .clock-box .hour,.section9 .clock-box .minute{
    position: absolute;
    left: 0;
    top: 0;
}
.section9.actived .clock-box .hour,.section9.actived .clock-box .minute{
    animation-name: rotate;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: rotate;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -o-animation-name: rotate;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
    -ms-animation-name: rotate;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
}
.section9.actived .clock-box .hour{
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    -ms-animation-duration: 2s;
}
.section9.actived .clock-box .minute{
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    -ms-animation-duration: 1s;
}


.section10{
    overflow: hidden;
    position: relative;
}
.section10 .bg{
    width: 100%;
}
.section10 .wing-box{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden;
}
.section10 .wing-box .wing{
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0% 0%;
    background-image: url(../images/product_sap_section10_wing_bg.jpg);
}
.section10.actived .wing-box .wing{
    -webkit-animation: sec10light 2s steps(15) 1s infinite;
    -moz-animation: sec10light 2s steps(15) 1s infinite;
    -ms-animation: sec10light 2s steps(15) 1s infinite;
    -o-animation: sec10light 2s steps(15) 1s infinite;
    animation: sec10light 2s steps(15) 1s infinite;
}
@keyframes sec10light {
    0%{
        background-position: 0% 0%;
    }
    50%{
        background-position: 0% 100%;
    }
    100%{
        background-position: 0% 100%;
    }
}
@-webkit-keyframes sec10light {
    0%{
        background-position: 0% 0%;
    }
    50%{
        background-position: 0% 100%;
    }
    100%{
        background-position: 0% 100%;
    }
}
@-moz-keyframes sec10light {
    0%{
        background-position: 0% 0%;
    }
    50%{
        background-position: 0% 100%;
    }
    100%{
        background-position: 0% 100%;
    }
}
@-ms-keyframes sec10light {
    0%{
        background-position: 0% 0%;
    }
    50%{
        background-position: 0% 100%;
    }
    100%{
        background-position: 0% 100%;
    }
}
@-o-keyframes sec10light {
    0%{
        background-position: 0% 0%;
    }
    50%{
        background-position: 0% 100%;
    }
    100%{
        background-position: 0% 100%;
    }
}
.section10 .img{
    width: 59.9%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5%;
    margin: 0 auto;
    z-index: 1;
    opacity: 0;
}
.section10.actived .img{
    bottom: 13.24%;
    opacity: 1;
    -webkit-transition: all 1s 0.5s;
    -moz-transition: all 1s 0.5s;
    -ms-transition: all 1s 0.5s;
    -o-transition: all 1s 0.5s;
    transition: all 1s 0.5s;
}
.section10 .text{
    text-align: center;
    position: absolute;
    width: 100%;
    top: 15%;
    left: 0;
    z-index: 1;
    opacity: 0;
}
.section10.actived .text{
    top: 8.8%;
    opacity: 1;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.section10 .text h5{
    font-size: 2.625em;
    color: #af9a7c;
    font-weight: bold;
    margin-bottom: 0.86em;
}
.section10 .text p{
    font-size: 1.75em;
    color: #fff;
    line-height: 1.29;
}


.section11{
    text-align: center;
    padding: 4.9% 0 4.21875%;
    overflow: hidden;
    background-image: url(../images/product_sap_section11_bg_web.jpg);
}
.section11 h3{
    font-size: 3em;
    color: #222;
    font-weight: bold;
    margin-bottom: 1.29em;
}
.section11 .img-box{
    margin: 0 auto 3.33%;
    width: 100%;
}
.section11 .img-box .img1,.section11 .img-box .img2,.section11 .img-box .img3{
    display: inline-block;
    vertical-align: top;
    width: 20.42%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: left center;
    background-image: url(../images/product_sap_section11_tv_ver.png);
    overflow: hidden;
}
.section11 .img-box .img1 img,.section11 .img-box .img3 img{
    width: 95.4%;
    margin: 1.786% 1.786% 1.531% 2.81%;
}
.section11 .img-box .img1{
    opacity: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.section11.actived .img-box .img1{
    -webkit-transition: all 1s 2s;
    -moz-transition: all 1s 2s;
    -ms-transition: all 1s 2s;
    -o-transition: all 1s 2s;
    transition: all 1s 2s;
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
}
.section11 .img-box .img2{
    position: relative;
    overflow: hidden;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.section11.actived .img-box .img2{
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 1s 1s;
    -moz-transition: all 1s 1s;
    -ms-transition: all 1s 1s;
    -o-transition: all 1s 1s;
    transition: all 1s 1s;
}
.section11 .img-box .img2 .ver{
    width: 95.4%;
    margin: 1.786% 1.786% 1.531% 2.81%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center center;
    background-image: url(../images/product_sap_section11_img2_bg.jpg);
    opacity: 0;
}
.section11.actived .img-box .img2 .ver{
    opacity: 1;
    -webkit-transition: all 1s 1s;
    -moz-transition: all 1s 1s;
    -ms-transition: all 1s 1s;
    -o-transition: all 1s 1s;
    transition: all 1s 1s;
}
.section11 .img-box .img2 .hor{
    position: absolute;
    top: 1.034%;
    right: 1.786%;
    bottom: 0.886%;
    left: 2.81%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center center;
    background-image: url(../images/product_sap_section11_img2_bg2.jpg);
}
.section11.actived .img-box .img2 .hor{
    -webkit-transition: all 1s 1s;
    -moz-transition: all 1s 1s;
    -ms-transition: all 1s 1s;
    -o-transition: all 1s 1s;
    transition: all 1s 1s;
    opacity: 0;
}
.section11 .img-box .img3{
    opacity: 0;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);
}
.section11.actived .img-box .img3{
    -webkit-transition: all 1s 2s;
    -moz-transition: all 1s 2s;
    -ms-transition: all 1s 2s;
    -o-transition: all 1s 2s;
    transition: all 1s 2s;
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
}
.section11 .tip{
    font-size: 1.75em;
    color: #333;
    text-align: center;
    line-height: 1.357;
    margin-bottom: 1.07em;
}
.section11 li{
    display: inline-block;
    vertical-align: top;
    margin: 0 2.1%;
}
.section11 li img{
    height: 4.68em;
}
.section11 li p{
    font-size: 1.125em;
    color: #999;
    margin-top: 1.11em;
}
.section12{
    position: relative;
    text-align: center;
}
.section12 .bg{
    width: 100%;
}
.section12 .text{
    position: absolute;
    left: 0;
    top: 15%;
    width: 100%;
    opacity: 0;
}
.section12.actived .text{
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    opacity: 1;
    top: 9.92%;
}
.section12 .text h5{
    font-size: 3em;
    color: #222;
    font-weight: bold;
    margin-bottom: 0.458em;
}
.section12 .text p{
    font-size: 1.375em;
    color: #222;
    line-height: 1.55;
}
.section12 .slide-box{
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 26.84%;
    width: 44.64%;
}
.section12 .swiper-container,.section12 .swiper-slide img{
    width: 100%;
    margin: 0;
}
.section12 .swiper-slide img{
    display: inline;
}
.section12 .swiper-slide{
    margin: 0;
    text-align: center;
}
.section12 .swiper-slide video{
    width: auto;
    height: 94.79%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 1.4%;
}
.section12 .swiper-slide .img2{
    margin-top: 2.9%;
    width: auto;
    max-width: 100%;
}
.section12 .swiper-prev,.section12 .swiper-next{
    cursor: pointer;
    font-size: 14px;
    color: #666;
    border: 1px solid #666;
    width: 118px;
    height: 38px;
    line-height: 36px;
    border-radius: 19px;
    position: absolute;
    top: 50%;
    margin-top: -19px;
}
.section12 .swiper-prev:hover,.section12 .swiper-next:hover{
    color: #fff;
    background-color: #2a71b9;
    border-color: #2a71b9;
}
.section12 .swiper-prev{
    right: 100%;
    margin-right: 8.2%;
}
.section12 .swiper-next{
    left: 100%;
    margin-left: 8.2%;
}
.section12 .swiper-prev img,.section12 .swiper-next img{
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url(../images/product_sap_section12_icon_bg.png);
    background-position: center top;
}
.section12 .swiper-prev:hover img,.section12 .swiper-next:hover img{
    background-position: center bottom;
}
.section12 .swiper-prev img{
    margin-right: 8px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.section12 .swiper-next img{
    margin-left: 8px;
}
.section13{
    text-align: center;
    position: relative;
    overflow: hidden;
}
.section13 .bg{
    width: 100%;
    position: relative;
    opacity: 0;
    bottom: -15%;
}
.section13.actived .bg{
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    opacity: 1;
    bottom: 0;
}
.section13 .text{
    position: absolute;
    left: 0;
    top: 5%;
    width: 100%;
    opacity: 0;
    z-index: 1;
}
.section13.actived .text{
    top: 11.98%;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    opacity: 1;
}
.section13 .text h5{
    font-size: 3em;
    color: #222;
    font-weight: bold;
    margin-bottom: 0.458em;
}
.section13 .text p{
    font-size: 1.375em;
    color: rgba(34,34,34,0.6);
    line-height: 1.55;
}
.section14{
    background-color: #f9fbfa;
    text-align: center;
    overflow: hidden;
    padding: 4.6875% 0 6.5%;
}
.section14 .text{
    margin-bottom: 3.177%;
    opacity: 0;
    position: relative;
    top: 20%;
}
.section14.actived .text{
    top: 0;
    opacity: 1;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.section14 .text h5{
    font-size: 2.875em;
    color: #454747;
    font-weight: normal;
    margin-bottom: 0.7em;
}
.section14 .text p{
    font-size: 1.875em;
    color: #454747;
    font-weight: lighter;
}
.section14 li{
    margin: 0 0.73%;
    display: inline-block;
    vertical-align: bottom;
    opacity: 0;
    position: relative;
    top: 20%;
}
.section14 li:nth-child(1){
    width: 9.9%;
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -ms-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.section14 li:nth-child(2){
    width: 12.96875%;
    -webkit-transition-delay: 0.75s;
    -moz-transition-delay: 0.75s;
    -ms-transition-delay: 0.75s;
    -o-transition-delay: 0.75s;
    transition-delay: 0.75s;
}
.section14 li:nth-child(3){
    width: 15.89%;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -ms-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}
.section14 li:nth-child(4){
    width: 18.96%;
    -webkit-transition-delay: 1.25s;
    -moz-transition-delay: 1.25s;
    -ms-transition-delay: 1.25s;
    -o-transition-delay: 1.25s;
    transition-delay: 1.25s;
}
.section14.actived li{
    opacity: 1;
    top: 0;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -ms-transition-duration: 1s;
    -ms-transition-property: all;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    transition-duration: 1s;
    transition-property: all;
}
.section14 li img{
    width: 100%;
}
.section14 li p{
    font-size: 1.5em;
    color: #000;
    font-weight: lighter;
    margin-top: 1.25em;
}
.section15{
    position: relative;
    overflow: hidden;
}
.section15 .bg{
    width: 100%;
}
.section15 .text{
    position: absolute;
    left: -50%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
}
.section15.actived .text{
    opacity: 1;
    left: 11.35%;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.section15 .text h5{
    font-size: 2.875em;
    color: #222;
    font-weight: bold;
    margin-bottom: 0.87em;
}
.section15 .text p{
    font-size: 1.75em;
    color: #222;
    font-weight: bold;
}
.section15 .text p img{
    vertical-align: middle;
    margin-right: 25px;
}
.section15.actived .text p img{
    -webkit-animation: sec15tel 1.2s 2s infinite;
    -moz-animation: sec15tel 1.2s 2s infinite;
    -ms-animation: sec15tel 1.2s 2s infinite;
    -o-animation: sec15tel 1.2s 2s infinite;
    animation: sec15tel 1.2s 2s infinite;
}
@keyframes sec15tel {
    0%{
        transform: rotate(0deg);
    }
    5%{
        transform: rotate(-45deg);
    }
    10%{
        transform: rotate(0deg);
    }
    15%{
        transform: rotate(45deg);
    }
    20%{
        transform: rotate(0deg);
    }
    25%{
        transform: rotate(-45deg);
    }
    30%{
        transform: rotate(0deg);
    }
    35%{
        transform: rotate(45deg);
    }
    40%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(0deg);
    }
}
@-webkit-keyframes sec15tel {
    0%{
        -webkit-transform: rotate(0deg);
    }
    5%{
        -webkit-transform: rotate(-45deg);
    }
    10%{
        -webkit-transform: rotate(0deg);
    }
    15%{
        -webkit-transform: rotate(45deg);
    }
    20%{
        -webkit-transform: rotate(0deg);
    }
    25%{
        -webkit-transform: rotate(-45deg);
    }
    30%{
        -webkit-transform: rotate(0deg);
    }
    35%{
        -webkit-transform: rotate(45deg);
    }
    40%{
        -webkit-transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(0deg);
    }
}
@-moz-keyframes sec15tel {
    0%{
        -moz-transform: rotate(0deg);
    }
    5%{
        -moz-transform: rotate(-45deg);
    }
    10%{
        -moz-transform: rotate(0deg);
    }
    15%{
        -moz-transform: rotate(45deg);
    }
    20%{
        -moz-transform: rotate(0deg);
    }
    25%{
        -moz-transform: rotate(-45deg);
    }
    30%{
        -moz-transform: rotate(0deg);
    }
    35%{
        -moz-transform: rotate(45deg);
    }
    40%{
        -moz-transform: rotate(0deg);
    }
    100%{
        -moz-transform: rotate(0deg);
    }
}
@-ms-keyframes sec15tel {
    0%{
        -ms-transform: rotate(0deg);
    }
    5%{
        -ms-transform: rotate(-45deg);
    }
    10%{
        -ms-transform: rotate(0deg);
    }
    15%{
        -ms-transform: rotate(45deg);
    }
    20%{
        -ms-transform: rotate(0deg);
    }
    25%{
        -ms-transform: rotate(-45deg);
    }
    30%{
        -ms-transform: rotate(0deg);
    }
    35%{
        -ms-transform: rotate(45deg);
    }
    40%{
        -ms-transform: rotate(0deg);
    }
    100%{
        -ms-transform: rotate(0deg);
    }
}
@-o-keyframes sec15tel {
    0%{
        -o-transform: rotate(0deg);
    }
    5%{
        -o-transform: rotate(-45deg);
    }
    10%{
        -o-transform: rotate(0deg);
    }
    15%{
        -o-transform: rotate(45deg);
    }
    20%{
        -o-transform: rotate(0deg);
    }
    25%{
        -o-transform: rotate(-45deg);
    }
    30%{
        -o-transform: rotate(0deg);
    }
    35%{
        -o-transform: rotate(45deg);
    }
    40%{
        -o-transform: rotate(0deg);
    }
    100%{
        -o-transform: rotate(0deg);
    }
}
.section15 .text p a{
    font-size: inherit;
    color: inherit;
    display: inline-block;
}
.section15.actived .text p a{
    -webkit-animation: sec15num 1.5s linear 3s infinite;
    -moz-animation: sec15num 1.5s linear 3s infinite;
    -ms-animation: sec15num 1.5s linear 3s infinite;
    -o-animation: sec15num 1.5s linear 3s infinite;
    animation: sec15num 1.5s linear 3s infinite;
}
@keyframes sec15num {
    0%{
        transform: scale(1,1);
    }
    50%{
        transform: scale(1.1,1.1);
    }
    100%{
        transform: scale(1,1);
    }
}
@-webkit-keyframes sec15num {
    0%{
        -webkit-transform: scale(1,1);
    }
    50%{
        -webkit-transform: scale(1.1,1.1);
    }
    100%{
        -webkit-transform: scale(1,1);
    }
}
@-moz-keyframes sec15num {
    0%{
        -moz-transform: scale(1,1);
    }
    50%{
        -moz-transform: scale(1.1,1.1);
    }
    100%{
        -moz-transform: scale(1,1);
    }
}
@-ms-keyframes sec15num {
    0%{
        -ms-transform: scale(1,1);
    }
    50%{
        -ms-transform: scale(1.1,1.1);
    }
    100%{
        -ms-transform: scale(1,1);
    }
}
@-o-keyframes sec15num {
    0%{
        -o-transform: scale(1,1);
    }
    50%{
        -o-transform: scale(1.1,1.1);
    }
    100%{
        -o-transform: scale(1,1);
    }
}
.section15 .text ul{
    margin-top: 12.5%;
}
.section15 .text li{
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin: 0 1.125em;
    -webkit-transform: translateY(10%);
    -moz-transform: translateY(10%);
    -ms-transform: translateY(10%);
    -o-transform: translateY(10%);
    transform: translateY(10%);
    opacity: 0;
}
.section15.actived .text li:nth-child(1){
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -ms-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}
.section15.actived .text li:nth-child(2){
    -webkit-transition-delay: 1.25s;
    -moz-transition-delay: 1.25s;
    -ms-transition-delay: 1.25s;
    -o-transition-delay: 1.25s;
    transition-delay: 1.25s;
}
.section15.actived .text li:nth-child(3){
    -webkit-transition-delay: 1.5s;
    -moz-transition-delay: 1.5s;
    -ms-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s;
}
.section15.actived .text li:nth-child(4){
    -webkit-transition-delay: 1.75s;
    -moz-transition-delay: 1.75s;
    -ms-transition-delay: 1.75s;
    -o-transition-delay: 1.75s;
    transition-delay: 1.75s;
}
.section15.actived .text li:nth-child(5){
    -webkit-transition-delay: 2s;
    -moz-transition-delay: 2s;
    -ms-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s;
}
.section15.actived .text li:nth-child(6){
    -webkit-transition-delay: 2.25s;
    -moz-transition-delay: 2.25s;
    -ms-transition-delay: 2.25s;
    -o-transition-delay: 2.25s;
    transition-delay: 2.25s;
}
.section15.actived .text li{
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -ms-transition-duration: 1s;
    -ms-transition-property: all;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    transition-duration: 1s;
    transition-property: all;
}
.section15 .text li img{
    width: 2.4em;
}
.section15 .text li h4{
    font-size: 1.125em;
    color: #191919;
    font-weight: bold;
    margin-top: 0.78em;
}



.section16{
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 5.2% 0 4.166%;
}
.section16 h3{
    font-size: 3em;
    color: #333333;
    font-weight: bold;
    margin-bottom: 1em;
}
.section16 ul{
    -webkit-display: flex;
    -webkit-align-items: stretch;
    -webkit-justify-content: center;
    -webkit-flex-wrap: wrap;
    -moz-display: flex;
    -moz-align-items: stretch;
    -moz-justify-content: center;
    -moz-flex-wrap: wrap;
    -ms-display: flex;
    -ms-align-items: stretch;
    -ms-justify-content: center;
    -ms-flex-wrap: wrap;
    -o-display: flex;
    -o-align-items: stretch;
    -o-justify-content: center;
    -o-flex-wrap: wrap;
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
}
.section16 li{
    width: 15.2%;
    border-radius: 0.625em;
    overflow: hidden;
    background-color: #f2f2f2;
    text-align: left;
    margin-right: 0.625%;
}
.section16 li:last-child{
    margin-right: 0;
}
.section16 li .img{
    width: 100%;
}
.section16 li .text{
    padding: 1.625em 2em 2.25em;
}
.section16 li h5{
    font-size: 1.75em;
    color: #333;
    font-weight: normal;
    float: left;
    line-height: 1.2;
    max-width: 80%;
}
.section16 li .icon{
    float: right;
    width: 2em;
}
.section16 li .line{
    width: 1em;
    height: 2px;
    background-color: #c2c2c2;
    margin: 0.875em 0;
}
.section16 li p{
    font-size: 0.875em;
    color: #333333;
    line-height: 1.57;
}
@media only screen and (max-width:1680px){
    /*sec14*/
    .sec14 .inner{ width:90%;}

}
@media only screen and (max-width:1600px){
    /*sec15*/
    .sec15 .inner{ width:90%;}
    .sec15 ul li .sec_box a:first-child {padding-top: 20px;}
}
@media only screen and (max-width:1440px){
    /*sec14*/
    .sec14 .inner{ width:85%;}
    /*sec15*/
    .sec15 ul li{ width:18%; margin-right:2.5%; }
    .sec15 ul li p{ padding-left:40%; }
    .sec15 ul li .sec15_bottom{background-position:15px center; }
    .sec15 ul li .sec_box a{ padding-bottom:12px;}
    .sec15 ul li .sec_box a:first-child{ padding-top:30px;}
}
@media only screen and (max-width:1366px){
    /*sec15*/
    .sec15 ul li .sec_box a{padding-bottom:14px;}
    .sec15 ul li .sec_box a:first-child{ padding-top:18px;}
}
@media only screen and (max-width:1280px){
    /*sec14*/
    .sec14 h1{font-size:34px;}
    .sec14 h2{font-size:30px;}
    /*sec15*/
    .sec15 h1{font-size:34px;}
    .sec15 ul li p{font-size:20px;}
    .sec15 ul li .sec_box a{font-size:18px;}
    .sec15 ul li .sec_box a:first-child { padding-top: 20px;}
    /*sec16*/
    .sec16 h1{font-size:34px;}
}
@media only screen and (max-width:1152px){
    /*sec16*/
    .swiper-button-prev,.swiper-button-next {width: 40px;height: 40px;background-size: 10px;}

}
@media only screen and (max-width:1024px){
    /*sec14*/
    .sec14 h1{font-size:32px;}
    .sec14 h2{font-size:28px;}
    /*sec15*/
    .sec15 h1{font-size:32px;}
    .sec15 ul li p{font-size:18px; padding-left:34%;}
    .sec15 ul li:hover .download_content{ background-image:none;}
    .sec15 ul li:hover p{ color:#333;}
    .sec15 ul li.one:hover .sec15_bottom{ background-image:url(../images/porduct_meeting_detail1_sec15_icon1.png); }
    .sec15 ul li.second:hover .sec15_bottom{ background-image:url(../images/porduct_meeting_detail1_sec15_icon2.png); }
    .sec15 ul li.third:hover .sec15_bottom{ background-image:url(../images/porduct_meeting_detail1_sec15_icon3.png); }
    .sec15 ul li.fourth:hover .sec15_bottom{ background-image:url(../images/porduct_meeting_detail1_sec15_icon4.png); }
    .sec15 ul li.last:hover .sec15_bottom{ background-image:url(../images/porduct_meeting_detail1_sec15_icon5.png); }
    .sec15 ul li .sec15_bottom{background-size:24px auto;}
    .sec15 ul li .sec_box{top:0;}
    .sec15 ul li .sec_box a{ font-size:16px; padding-bottom:10px;}
    .sec15 ul li .sec_box a:hover{ text-decoration:none;}
    /*sec16*/
    .sec16 h1{font-size:32px;}
}
@media only screen and (max-width:1023px){
    .inner{
        width: 90%;
    }
    /*sec14*/
    .sec14 h1{ padding-bottom:25px; font-size:2rem;}
    .sec14 .sec14_cont{ padding:20px 0 30px;}
    .sec14 .sec14_tit{ width:20%;}
    .sec14 .sec14_tit h2{ padding-left:45px; font-size:1.7rem;}
    .sec14 .sec14_tet{ width:80%;}
    .sec14 .sec14_tet ul li{font-size:1.2rem;  padding-bottom:5px;}
    .sec14 .sec14_btn{ width:150px; height:34px;}
    .sec14 .sec14_btn a{font-size:1.3rem; height:34px; line-height:34px;}
    .sec14 .sec14_btn a span.sec14_btn_icon{ background-size:8px auto; width:10px; height:8px; margin-left:10px;}
    /*sec15*/
    .sec15{padding:45px 0 45px;}
    .sec15 .inner{ width:90%; overflow-x:auto; overflow-x:scroll; }
    .sec15 h1{ padding-bottom:35px; font-size:2rem;}
    .sec15 ul{ width:1100px;}
    .sec15 ul li{ margin-bottom:5px;}
    .sec15 ul li p{ font-size:1.6rem; line-height:40px;}
    .sec15 ul li .sec_box a{ font-size:1.6rem;}
    .sec15 ul li .sec_box a:first-child{ padding-top:23px;}
    .sec15 ul li .sec_box a.mobile{ display:block;}
    .sec15 ul li .sec_box a.web{ display:none;}
    /*sec16*/
    .sec16{padding-top:30px;}
    .sec16 h1{font-size:2rem;}
    .swiper-container { margin:0;}




    @-webkit-keyframes appearFromTB1 {
        0%	{opacity: 0; -webkit-transform: translateY(50px) ;}
        100%{ opacity: 1;-webkit-transform: translateY(0);}
    }@-moz-keyframes appearFromTB1 {
         0%	{opacity: 0;-moz-transform: translateY(50px);}
         100%{opacity: 1; -moz-transform: translateY(0) ;}
     }@-ms-keyframes appearFromTB1 {
          0%	{opacity: 0;-ms-transform: translateY(50px);}
          100%{opacity: 1;-ms-transform: translateY(0) ;}
      }@-o-keyframes appearFromTB1 {
           0%	{opacity: 0;-o-transform: translateY(50px);}
           100%{opacity: 1;-o-transform: translateY(0) ;}
       }@keyframes appearFromTB1 {
            0%	{opacity: 0;transform: translateY(50px) ;}
            100%{opacity: 1;transform: translateY(0) ;}
        }


    .section1{
        background-image: url(../images/product_sap_section1_bg_mobile.jpg);
        padding: 2.375em 0 3em;
        height: 31.25em;
    }
    .section1 .text-box{
        font-size: 1.9375em;
    }
    .section1 .video-box{
        margin: 2.625em auto 3.0625em;
        width: 52.8%;
    }
    .section1 .video-box .cir-box{
        width: 0.4375em;
        height: 0.4375em;
    }
    .section1 .video-box .cir-box.cir1{
        left: 26%;
        top: 8.98%;
    }
    .section1 .video-box .cir-box.cir2{
        right: 30.89%;
        top: 12.22%;
    }
    .section1 .video-box .cir-box.cir3{
        right: 42%;
        bottom: 2.99%;
    }
    .section1 .video-box .cir-box.cir4{
        left: 26%;
        bottom: 2.99%;
    }

    .section1 .video-box .cir-box.cir2 .line1{
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .section1.actived .video-box .cir-box.cir2 .line1{
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .section1 .video-box .cir-box.cir1 .line2{
        width: 814%;
        right: 580%;
        bottom: 565%;
    }
    .section1 .video-box .cir-box.cir2 .line2{
        width: 1050%;
        left: 586%;
        top: -500%;
    }
    .section1 .video-box .cir-box.cir3 .line2{
        width: 1600%;
        left: 586%;
        top: 593%;
    }
    .section1 .video-box .cir-box.cir4 .line2{
        width: 814%;
        right: 580%;
        top: 593%;
    }
    .section1 .video-box .cir-box p{
        font-size: 0.5625em;
        line-height: 1.333;
    }
    .section1 .video-box .cir-box.cir1 p{
        right: 400%;
        bottom: 615%;
    }
    .section1 .video-box .cir-box.cir2 p{
        left: 750%;
        top: -700%;
    }
    .section1 .video-box .cir-box.cir3 p{
        left: 650%;
        top: 350%;
    }
    .section1 .video-box .cir-box.cir4 p{
        right: 500%;
        top: 350%;
    }
    .section1 li{
        margin: 0 0.625em;
    }
    .section1 li img{
        height: 1.3125em;
        margin-bottom: 0.625em;
    }
    .section1 li p{
        font-size: 0.75em;
        color: #e2e2e2;
        font-weight: bold;
        line-height: 1.5;
    }
    .section2 .img{
        width: 61.33%;
        top: 37.33%;
        bottom: 0;
        left: -100%;
        right: 0;
    }
    .section2.actived .img{
        left: 0;
    }
    .section2 .text-box{
        width: 100%;
        top: 10.58%;
        right: -100%;
    }
    .section2.actived .text-box{
        right: 0;
    }
    .section2 .text-box h3{
        font-size: 1.125em;
        margin-bottom: 1.27em;
    }
    .section2 li{
        margin: 0 0.75em;
    }
    .section2 li img{
        height: 1.25em;
        margin-bottom: 0.5em;
    }
    .section2 li p{
        font-size: 0.625em;
        line-height: 1.5;
    }
    .section3 .img-box{
        background-image: url(../images/product_sap_section3_img2_mobile.jpg);
    }
    .section3 .line{
        width: 2px;
        margin-left: -1px;
    }
    .section3 .line .circle{
        width: 1.0625em;
        height: 1.0625em;
        margin-left: -0.53125em;
        bottom: 22.79%;
    }
    .section3 .line .circle p{
        font-size: 0.5em;
    }
    .section3 .line .circle p.hdr{
        margin-right: 1.625em;
    }
    .section3 .line .circle p.normal{
        margin-left: 1.625em;
    }
    .section3 .text h3{
        font-size: 1.125em;
        margin-bottom: 0.7em;
    }
    .section3 .text p{
        font-size: 0.75em;
        line-height: 1.66;
        font-weight: bold;
    }
    .section3 .text p span{
        display: none;
    }
    .section3 .more{
        font-size: 0.5625em;
        width: 8.875em;
        height: 2.56em;
        line-height: 2.56em;
        border-radius: 1.28em;
    }
    .section3.actived .more{
        bottom: 11.63%;
    }
    .section4{
        /*padding-bottom: 2.5em;*/
    }
    .section4 .img-box .text{
        bottom: 1.25em;
    }
    .section4 .img-box .text h3{
        font-size: 0.875em;
        width: 4.5em;
        height: 1.714em;
        line-height: 1.714em;
        border-radius: 0.179em;
        margin: 0 auto 0.61em;
    }
    .section4 .img-box .text p{
        font-size: 0.6875em;
        line-height: 1.273;
    }
    .section4 .close{
        margin: 2.77em auto 0;
        font-size: 0.5625em;
        width: 6.11em;
        height: 2.56em;
        line-height: 2.56em;
        border-radius: 1.28em;
    }
    .section4 .close img{
        height: 1em;
        margin-right: 0.65em;
    }
    .section5{
        padding: 3.3125em 0 3.5625em;
    }
    .section5 .left{
        width: 100%;
    }
    .section5 .left .title{
        text-align: center;
    }
    .section5 .left .title h3{
        font-size: 0.8125em;
    }
    .section5 .left .title h3 b{
        font-size: 1.923em;
    }
    .section5 .tv-box{
        width: 92.319%;
        right: 0;
        position: relative;
        margin: 2.875em auto 0;
    }
    .section5 .tv-box video{
        border-radius: 0.0625em;
        left: 2.4%;
    }
    .section6 .lineleft{
        right: 77.6%;
        background-image: url(../images/product_sap_section6_lineleft_mobile_bg.png);
    }
    .section6.actived .lineleft{
        width: 22.4%;
    }
    .section6 .lineright{
        left: 77.6%;
        background-image: url(../images/product_sap_section6_lineright_mobile_bg.png);
    }
    .section6.actived .lineright{
        width: 22.4%;
    }
    .section6 .text{
        top:20%;
    }
    .section6.actived .text{
        top:13.33%;
    }
    .section6 .text h3{
        font-size: 1.3125em;
        margin-bottom: 0.666em;
    }
    .section6 .text p{
        font-size: 0.6875em;
        font-weight: bold;
    }
    .section7 .cir-box{
        left: -4.8%;
        top: 56.8%;
        width: 109.6%;
    }
    .section7 .img0{
        width: 82.4%;
        left: 8%;
        bottom: 3.3%;
    }
    .section7 .img1{
        width: 26.4%;
        left: 69.87%;
        bottom: 34.175%;
    }
    .section7 .img2{
        width: 26.4%;
        left: 40.53%;
        bottom: 42.52%;
    }
    .section7 .img3{
        width: 26.4%;
        left: 4.13%;
        bottom: 36.8%;
    }
    .section7 h3{
        top: 5.83%;
        font-size: 1.5em;
    }
    .section7 .text{
        width: 76.2%;
        right: 11.9%;
        top: 15.4%;
        text-align: center;
    }
    .section7 .text h5{
        font-size: 1.125em;
        line-height: 1.444;
        margin-bottom: 0.5em;
    }
    .section7 .text p{
        font-size: 0.6875em;
        font-weight: bold;
    }
    .section8 .text{
        width: 65%;
        text-align: center;
        top: 5%;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }
    .section8.actived .text{
        left: 17.5%;
    }
    .section8 .text h5{
        font-size: 1.125em;
        line-height: 1.444;
        margin-bottom: 0.95em;
    }
    .section8 .text p{
        font-size: 0.6875em;
        font-weight: bold;
    }
    .section8 .slide-box{
        width: 94%;
        right: -100%;
        top: 41%;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }
    .section8.actived .slide-box{
        right: 3%;
    }
    .section9 .slide-box{
        width: 83.8%;
        left: 8.1%;
        top: 41.8%;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
        padding: 0.21875em 0.1875em 0.28125em 0.21875em;
    }
    .section9 .clock-box{
        width: 42%;
        right: 29%;
        top: 3%;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }
    .section9 .clock-box .text{
        width: 164%;
        right: -32%;
        text-align: center;
    }
    .section9 .clock-box .text h5{
        font-size: 1.125em;
        line-height: 1.444;
        margin-bottom: 0.95em;
    }
    .section9 .clock-box .text p{
        font-size: 0.6875em;
        font-weight: bold;
    }
    .section10 .img{
        width: 90.66%;
    }
    .section10.actived .img{
        bottom: 13%;
    }
    .section10 .text{
        top: 9.67%;
    }
    .section10.actived .text{
        top: 9.67%;
    }
    .section10 .text h5{
        font-size: 1.3125em;
        margin-bottom: 0.833em;
    }
    .section10 .text p{
        font-size: 0.875em;
        line-height: 1.357;
    }

    .section11{
        padding: 2.625em 0 1.875em;
        background-image: url(../images/product_sap_section11_bg_mobile.jpg);
    }
    .section11 h3{
        font-size: 1.125em;
        margin-bottom: 1.555em;
    }
    .section11 .img-box{
        margin: 0 auto 1em;
    }
    .section11 .img-box .img1,.section11 .img-box .img2,.section11 .img-box .img3{
        width: 29.8%;
    }
    .section11 .tip{
        font-size: 0.6875em;
        line-height: 1.636;
        margin-bottom: 1.45em;
    }
    .section11 li{
        margin: 0 1.25em;
    }
    .section11 li img{
        height: 2em;
    }
    .section11 li p{
        font-size: 0.5625em;
        margin-top: 1.16em;
    }
    .section12.actived .text{
        top: 6.05%;
    }
    .section12 .text h5{
        font-size: 1.125em;
        line-height: 1.3333;
        margin-bottom: 0.278em;
    }
    .section12 .text p{
        font-size: 0.6875em;
    }
    .section12 .slide-box{
        top: 40%;
        width: 80%;
    }
    .section12 .swiper-slide .img2{
        margin-top: 0.9375em;
        width: 31.8%;
    }
    .section12 .swiper-prev,.section12 .swiper-next{
        font-size: 0.5625em;
        width: 8.33em;
        height: 2.1em;
        line-height: 2em;
        border-radius: 1.05em;
        top: 100%;
        z-index: 1;
        margin-top: -2.55em;
    }
    .section12 .swiper-prev{
        right: 50%;
        margin-right: 7em;
    }
    .section12 .swiper-next{
        left: 50%;
        margin-left: 7em;
    }
    .section12 .swiper-prev img,.section12 .swiper-next img{
        height: 0.67em;
    }
    .section12 .swiper-prev img{
        margin-right: 0.5em;
    }
    .section12 .swiper-next img{
        margin-left: 0.5em;
    }
    .section13.actived .text{
        top: 11.1%;
    }
    .section13 .text h5{
        font-size: 1.125em;
        margin-bottom: 0.66em;
    }
    .section13 .text p{
        font-weight: bold;
        font-size: 0.6875em;
        color: #333;
        line-height: 1.455;
    }
    .section14{
        padding: 2.5em 0 2.25em;
    }
    .section14 .text{
        margin-bottom: 3.5em;
    }
    .section14 .text h5{
        font-size: 1.4375em;
        margin-bottom: 0.74em;
    }
    .section14 .text p{
        font-size: 0.9375em;
    }
    .section14 li{
        margin: 0 0.25em;
    }
    .section14 li:nth-child(1){
        width: 14.9333%;
    }
    .section14 li:nth-child(2){
        width: 19.467%;
    }
    .section14 li:nth-child(3){
        width: 24%;
    }
    .section14 li:nth-child(4){
        width: 28.53%;
    }
    .section14 li p{
        font-size: 0.5625em;
        margin-top: 0.78em;
    }
    .section15 .text{
        width: 100%;
        text-align: center;
        left: 0;
        top: 15%;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }
    .section15.actived .text{
        left: 0;
        top: 10.25%;
    }
    .section15 .text h5{
        font-size: 1.4375em;
    }
    .section15 .text p{
        font-size: 0.875em;
    }
    .section15 .text p img{
        width: 1.25em;
        margin-right: 0.9em;
    }
    .section15 .text ul{
        margin-top: 1.25em;
    }
    .section15 .text li{
        margin: 0 0.59375em;
    }
    .section15 .text li img{
        width: 1.1875em;
    }
    .section15 .text li h4{
        font-size: 0.5625em;
    }


    .section16{
        padding: 1.5625em 0 0.3125em;
    }
    .section16 h3{
        font-size: 1.5em;
        margin-bottom: 0.5em;
    }
    .section16 li{
        width: 43%;
        border-radius: 0.3125em;
        margin-right: 4%;
        margin-bottom: 0.9375em;
    }
    .section16 li:nth-child(even){
        margin-right: 0;
    }
    .section16 li .text{
        padding: 1.3125em 1em 1.125em;
    }
    .section16 li h5{
        font-size: 0.875em;
    }
    .section16 li .icon{
        width: 1em;
    }
    .section16 li .line{
        width: 0.5em;
        height: 1px;
        margin: 0.4375em 0;
    }
    .section16 li p{
        font-size: 0.4375em;
    }

}
@media only screen and (max-width:800px){
    /*sec15*/
    .sec15 ul{ width:900px;text-align: left;}
    /*sec16*/
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:30px;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:30px;}
}
@media only screen and (max-width:768px){
}
@media only screen and (max-width:700px){
    /*sec14*/
    .sec14 .inner{ width:90%;}
}
@media only screen and (max-width:667px){
    /*sec14*/
    .sec14 .sec14_tit h2{ padding-left:0; text-align:right; padding-right:10px;}
    /*sec16*/
    .swiper-slide{ margin-top:30px; margin-bottom:30px;}
}
@media only screen and (max-width:568px){
    .mobile1{ display:block;}
    .web1{ display:none;}
    /*sec14*/
    .sec14 .sec14_tit{ width:25%;}
    .sec14 .sec14_tit h2{ padding-left:0; text-align:right; padding-right:10px;}
    .sec14 .sec14_tet{ width:75%;}
    .sec14 .sec14_tet ul.f-left, .sec14 .sec14_tet ul.f-right{ width:100%;}
    /*sec15*/
    .sec15 ul li .sec_box a:first-child {padding-top: 18px;}
}
@media only screen and (max-width:414px){
    /*sec16*/
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:15px;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:15px;}
}
@media only screen and (max-width:375px){
    /*sec14*/
    .sec14 .sec14_tit{ width:30%;}
    .sec14 .sec14_tet{ width:70%;}
}
@media only screen and (max-width:320px){
}