/* reset */

.mHeader .lans{
    /* display: none !important; */
}

html{
    /* filter:grayscale(100%) */
}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
em,strong,th {font-style:normal;font-weight:normal; font-weight: 500;}
ol,ul {list-style:none;}
th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
input,textarea,select {font-size:100%;font-family:inherit;}
s {text-decoration:none;}
a:hover {
    text-decoration: none !important;
}
/* @font-face {font-family:'Avenir';src:url('../fonts/Avenir-Medium.woff2') format('woff2'),url('../fonts/Avenir-Medium.woff') format('woff');font-weight:500;font-style:normal;}
@font-face {font-family:'Avenir';src:url('../fonts/Avenir-MediumOblique.woff2') format('woff2'),url('../fonts/Avenir-MediumOblique.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face {font-family:'Avenir';src:url('../fonts/Avenir-Heavy.woff2') format('woff2'),url('../fonts/Avenir-Heavy.woff') format('woff');font-weight:bold;font-style:normal;}
@font-face {
    font-family: 'DIN Alternate';
    src: url('../fonts/DINAlternate-Bold.woff2') format('woff2'),
        url('../fonts/DINAlternate-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {font-family:'SFCompact';src:url('../fonts/SFCompactDisplay-Medium.woff2') format('woff2'),url('../fonts/SFCompactDisplay-Medium.woff') format('woff');font-weight:500;font-style:normal;}
@font-face {font-family:'SFCompact';src:url('../fonts/SFCompactDisplay-Regular.woff2') format('woff2'),url('../fonts/SFCompactDisplay-Regular.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face {font-family:'SFCompact';src:url('../fonts/SFCompactDisplay-Bold.woff2') format('woff2'),url('../fonts/SFCompactDisplay-Bold.woff') format('woff');font-weight:bold;font-style:normal;} */
@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-Heavy.woff2') format('woff2'),
        url('../fonts/Avenir-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-MediumOblique.woff2') format('woff2'),
        url('../fonts/Avenir-MediumOblique.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-Medium.woff2') format('woff2'),
        url('../fonts/Avenir-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-Oblique.woff2') format('woff2'),
        url('../fonts/Avenir-Oblique.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-Roman.woff2') format('woff2'),
        url('../fonts/Avenir-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



     

/* animate 345 */
.SFCompact{
    /* font-family: 'SFCompact' !important; */
    font-family: 'Avenir' !important;
    width: unset !important;
    height:unset !important;
    background: none !important;
    background-size: unset !important;
    flex-shrink: unset !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    padding: 0;
    margin: 0;
}

/* common */ 
body {font-size:12px;font-family:"Avenir";-webkit-font-smoothing:antialiased;overflow-x:hidden;}
.block {display:block;}
.left {float:left;}
.right {float:right;}
.fB {font-weight:bold;}
.txtc {text-align:center;}
.psr {position:relative;}
.psa {position:absolute;}
.area {max-width:1220px;margin-left:auto;margin-right:auto;}
a:link {color:#333;text-decoration:none;}
a:visited {color:#333;}
a:hover {cursor:pointer;color:#333;}
a:active {color:#333;}
.area a {color:#333;transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;-o-transition:.2s;}
input.btn {border:none;cursor:pointer;}
input,textarea {outline:none;}
select {display:block;width:100%;height:32px;padding:6px 12px;font-size:14px;line-height:1.42857;color:#555555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:0px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;-o-transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;}
select:focus {border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);}
select::-moz-placeholder {color:#999;opacity:1;}
select:-ms-input-placeholder {color:#999;}
select::-webkit-input-placeholder {color:#999;}
select::-ms-expand {border:0;background-color:transparent;}
select[disabled],select[readonly],fieldset[disabled] select {background-color:#eeeeee;opacity:1;}
select[disabled],fieldset[disabled] select {cursor:not-allowed;}
.tre {-moz-transition:0.3s;-o-transition:0.3s;-webkit-transition:0.3s;transition:0.3s;}
::-webkit-input-placeholder {color:#aaa;}


/* pc */

 /* loading */

 .loadingBG { 
    width: 100%; 
    height: 100%; 
    background: rgba(0, 0, 0, 0.4);
    position: fixed; 
    top: 0; 
    left: 0; 
    z-index: 2000; 
}  
.loadingImg { 
    display: block; 
    width: 40px; 
    height: 40px;
    position: absolute; 
    top: 50%; 
    left: 50%; 
    margin-left: -20px;
    margin-top: -20px;
    z-index: 2001; 
} 
.forPC{ display: block !important; padding-bottom: 20px;margin-top: 20px;}
.forMobile{ display: none !important; }
.mHeader{ height: 96px; background: #FFFFFF;  position: fixed; left: 0; top: 0; width: 100%; z-index: 9;display: flex;justify-content: center;align-items: center;}
.mHeader .area{ position: relative; }
.mHeader .logo img{ display: block; width: 100%; }
.mHeader .mainNav .commA{ float: left; margin-right: 35px;}
/* 加 */
.mHeader .mainNav {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mHeader .Adjustment-B {
    position: relative;
    /* left: -393px; */
    right: 140px;
}
.mHeader .Adjustment-B .Adjustment-C {
    position: relative;
    left: 140px;
}
.bgColor {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 66px;
    background-color: #fff;
    transform: translateX(-50%);
}
.mHeader .mainNav .commA.hasSon{ padding-right: 17px; position: relative; cursor: pointer; padding-bottom: 20px;}
.mHeader .mainNav .commA.hasSon:before,
.mHeader .lans span:before{ display: block; content: ''; position: absolute; width: 12px; height: 8px; background: url(../img/ico-arrow-down@2x.png) no-repeat; right: 0; top: 17px; background-size: 100%;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;}
.mHeader a.showCTA,
.mHeader a.showCTA_en{ float: left; margin-right: 30px; background: #4E34C5; color: #fff; padding: 0 30px; border-radius: 4px;}
.mHeader a.showCTA:hover,
.mHeader a.showCTA_en:hover{ background: #3b23a7; }
.mHeader .lans{ float: left; cursor: pointer; position: relative;}
.mHeader .lans span{ padding-right: 17px; position: relative; display: inline-block;}
.mHeader .mainNav .commA,
.mHeader .showCTA,
.mHeader .showCTA_en,
.mHeader .lans{ font-size: 16px; color: #333; font-weight: 500; line-height: 40px; display: inline-block;}
.mHeader .dropdown{ display: none; z-index: 99999; width: 250px; padding: 20px 20px 0 20px; position: absolute; left: 0; top: 54px; background: #FFFFFF;
border: 1px solid #E8E8E8; border-radius: 4px;
box-shadow: 0 17px 14px 0 rgba(66,66,66,0.08); box-sizing: border-box;}
.mHeader .dropdown .aSon{ padding-bottom: 16px; padding-left: 40px;}
.mHeader .dropdown .aSon:hover em{ color: #4E34C5; }
.mHeader .dropdown .aSon:hover s{ color: #333; }
.mHeader .on .dropdown{ display: block; }
.mHeader .mainNav .commA.hasSon.on:before,
.mHeader .lans.on span:before{  transform: rotate(180deg);}
.mHeader .dropdown *{ display: block; }
.mHeader .dropdown s{ font-size: 13px; line-height: 17px; color: #888; font-weight: normal;}
.mHeader .dropdown em{ font-size: 16px; font-weight: 500; line-height: 20px; margin-bottom: 7px;}
.mHeader .dropdown:before{display: block; content: ''; position: absolute; width: 15px; height: 9px; background: url(../img/tips-arr-top@2x.png) no-repeat; left: 60px; top: -9px; background-size: 100%;}
.mHeader .dropdown .a1{ background: url(../img/newWebSite/solution_drop_1@2x.png) no-repeat 0 0; background-size: 20px 20px; position: relative; }
.mHeader .dropdown .a1:before{ display: none; content: ''; width: 100%; background: url(../img/line1@2x.png) no-repeat; background-size: 100%; position: absolute; left: 0; bottom: 17px; height: 1px;}
.mHeader .dropdown .a2{ background: url(../img/newWebSite/solution_drop_2@2x.png) no-repeat 0 0; background-size: 20px 20px; position: relative;}
.mHeader .dropdown .a2:before{ display: none; content: ''; width: 100%; background: url(../img/line1@2x.png) no-repeat; background-size: 100%; position: absolute; left: 0; bottom: 17px; height: 1px;}
.mHeader .dropdown .a3{ background: url(../img/newWebSite/solution_drop_3@2x.png) no-repeat 0 0; background-size: 20px 20px; position: relative;}
.mHeader .dropdown .a3:before{ display: none; content: ''; width: 100%; background: url(../img/line1@2x.png) no-repeat; background-size: 100%; position: absolute; left: 0; bottom: 17px; height: 1px;}

.mHeader .dropdown .aExperts{ background: url(../img/dropdown-icon-experts@2x.png) no-repeat 0 0; background-size: 25px 22px; position: relative;}
.mHeader .dropdown .a4{ background: url(../img/why/whyDropdown2@2x.png) no-repeat 0 0; background-size: 25px 22px; padding-bottom: 29px; position: relative;}
.mHeader .dropdown .a4:before{ display: block; content: ''; width: 100%; background: url(../img/line1@2x.png) no-repeat; background-size: 100%; position: absolute; left: 0; bottom: 17px; height: 1px;}
.mHeader .dropdown .a5{ background: url(../img/why/whyDropdown3@2x.png) no-repeat 0 0; background-size: 25px 22px; padding-bottom: 29px;}

.mHeader .dropdown.chooseLan{ padding-top: 6px; padding-bottom: 8px; width: 84px; padding-left: 31px; left: -21px;}
.mHeader .dropdown.chooseLan:before{ left: 35px; }
.mHeader .dropdown.chooseLan a{ line-height: 33px; }
.mHeader .dropdown.chooseLan a:hover{ color: #4E34C5; }


.mHeader .area {
    width: 1190px !important;
    display: flex;
    align-items: center;
}
.mHeader .mainNav .commA, .mHeader .showCTA, .mHeader .showCTA_en, .mHeader .lans{
    font-weight: 900;
    font-size: 15px;
    color: #6051A6;
    text-transform: uppercase;

}
.mHeader .area a{
    color: #6051A6;
    text-transform: uppercase;

}
.mHeader .logo {
    width: 96px;
    height: 21px;
    margin-right: 34px;
    margin-bottom: 5px;
}
.mHeader .menu{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mHeader #requestDemo{
    padding: 8px 16px;
    color: #fff;
    line-height: unset;
    background: #6051A6;
    border-radius: 20px;
    text-transform: uppercase;

}
.mHeader .webappLogin {
    display: inline-block;
    padding: 8px 16px;
    text-transform: uppercase;
    background:#fff;
    border-radius: 20px!important;
    border: 1px solid #6051A6!important;
    font-size: 14px!important;
    font-weight: 900!important;
    color: #6051A6!important;
    text-align: center!important;
    margin-right: 20px !important;
    line-height: unset !important;
}

.iBanner{ position: relative; margin-top: 96px;}
.iBanner .bubble1{ display: block; width: 248px; height: 182px; background: url(../img/bubble1@2x.png) no-repeat; position: absolute; right: 0; top: 0; background-size: 100%;}
.iBanner .bubbleLeftBig{ display: block; width: 587px; height: 1220px; background: url(../img/bubble2@2x.png) no-repeat; position: absolute; left: 0; top: 428px; background-size: 100%; }
.iBanner .area{ position: relative; z-index: 2; }
.iBanner .area .txtArea { margin: 196px 0 155px 99px; }
.iBanner .area .txtArea .titleMain{ font-size: 54px; line-height: 65px; font-weight: bold;}
.iBanner .area .txtArea .titleMain s{ display: block; color: #4E0228;}
.iBanner .area .txtArea .titleMain em{ font-weight: bold; color: #4E34C5; }
.iBanner .area .txtArea .titleMain span{ font-weight: normal; color: #aaa;}
.iBanner .area .txtArea .ibTitle{ width: 436px; }
.en .iBanner .area .txtArea .ibTitle{ width: 521px; }
.iBanner .area .txtArea .ibTitle p{ font-size: 18px; line-height: 23px; margin-top: 30px; color: #4E0228; font-weight: 500;}
.iBanner .area .txtArea .btnArea{ margin-top: 148px; }
.iBanner .area .txtArea .btnArea .btnBig{ display: inline-block; line-height: 58px; background: #4E34C5 url(../img/button-arr@2x.png) no-repeat 222px 25px; background-size: 19px auto; color: #fff; font-size: 18px; font-weight: 500; padding: 0 63px 0 30px; border-radius: 5px;}
.iBanner .area .txtArea .btnArea .btnBig:hover{	background-color: #3b23a7;}
.en .iBanner .area .txtArea .btnArea .btnBig{ padding: 0 83px 0 50px; background-position: 200px 25px; }
.iBanner .area .txtArea .btnArea p{ font-size: 16px; line-height: 20px; padding-top: 22px; text-align: center; width: 257px;}
.en .iBanner .area .txtArea .btnArea p{ width: 234px; }
.iPhoneArea{ position: absolute; right: 140px; top: 180px;}
.iPhoneArea .videoWrap:before{ display: none; content: ''; width: 430px; height: 18px; background: url(../img/iphone-shadow@2x.png) no-repeat; background-size: 100%; position: absolute; left: -64px; bottom: -9px; z-index: 1;}
.iPhoneArea .videoWrap:after{ display: block; content: ''; width: 279px; height: 5px; background: #fff; position: absolute; left: 14px; bottom: 4px; z-index: 1;}
.iPhoneArea .videoWrap video.videoApp{ position: absolute; left: 19px; top: 16px; width: 257px; /*height: 557px;*/}
.iPhoneArea .videoWrap img.videoApp{ position: absolute; left: 19px; top: 17px; width: 257px; /*height: 557px;*/}
.iPhoneArea .videoWrap .iPhone{ display: block; width: 460px; position: relative; z-index: 2;}
.iPhoneArea .bubble2{ display: block; width: 40px; height: 40px; background: url(../img/bubble@2x.png) no-repeat; background-size: 100%; position: absolute; left: -104px; top: 39px;}

.homePartner{ height: 371px; position: relative;}
.homePartner .area{ position: relative; z-index: 2; }
.homePartner:before{ display: block; content: ''; background-image: linear-gradient(90deg, #FFFFFF 0%, rgba(255,255,255,0.00) 100%); width: 75%; height: 100%; position: absolute;}
.iPartner h2{ font-size: 18px; font-weight: 500; color: #777777; letter-spacing: 9px; text-transform: uppercase; text-align: center; padding: 75px 0 52px 0;}
.scrollLogo h2{ font-size: 32px; font-weight: 500; color: #333; letter-spacing: unset; text-transform: unset; text-align: center; padding: 75px 0 52px 0;}

.en .iPartner h2{ letter-spacing: 1px; }
.iPartner img{ display: block; display: inline-block; height: 92px; margin: 0 10px; }
/*.iPartner img{ display: block; display: inline-block; height: 92px; margin: 0 10px; opacity: 0.5; filter: grayscale(100%); transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;}*/
/*.iPartner img:hover{ opacity: 1; filter: grayscale(0%); }*/
.iPartner .logos{ text-align: center; }

.iFeature1{position: relative; padding-top: 120px;padding-bottom: 110px; }
.feaTitle{width: 680px;margin:0 auto 28px; font-size: 32px; text-transform: unset; color: #333; letter-spacing: unset; text-align: center; font-weight: 500; line-height: 44px;}
.feaTitle em{ display: block; color: #4E34C5; font-size: 38px; font-weight: bold; text-transform: unset; letter-spacing: 0;}
.feaTitleIn{ font-size: 26px; color: #333; letter-spacing: 0; text-transform: none; }
.feaTitleIn em{ font-size: 26px; display: inline-block; }
.iFeature1 .feaContent{ padding-top: 149px; }
.iFeature1 .wordContent{
    max-width: 699px;
    min-height: 66px;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 22px;
    margin: 20px auto 0;
    text-align: center;
}
.iFeature1 .imageShowBox{
    min-height: 665px;
    position: relative;
    margin-bottom: 30px;
    box-sizing: border-box;

}

.iFeature1 .imageShowBox .hoverArea{
    display: block;
    width: 316px;
    height: 200px;
    /* background: pink; */
    z-index: 99;
    position: absolute;
}
.iFeature1 .imageShowBox .hoverArea1{
    top: 94px;
    left: 290px;
}
.iFeature1 .imageShowBox .hoverArea2{
    top: 94px;
    right: 290px;
}
.iFeature1 .imageShowBox .hoverArea3{
    bottom: 110px;
    left: 50%;
    margin-left: -158px;
}

.iFeature1 .bubble3{
    display: block; 
    width: 251px; 
    height: 643px; 
    background: url(../img/bubble3@2x.png) no-repeat; 
    background-size: 100%; 
    position: absolute; 
    right: 0; 
    top: 589px; 
    opacity: 0.24;
}
.iFeature1 .btnMedium{
  box-sizing: border-box;
  width: 244px;
  display: block;
  margin: 0 auto 100px;
}
.iFeature1 .peopleImgBox{
    height: 75px;
    text-align: center;
}
.iFeature1 .peopleImgBox img{
    display: inline-block;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    text-align: center;
    margin-right: 53px;
}
.iFeature1 .peopleImgBox img:last-child{
    margin-right: 0px;
}
.iFeature1 .mainImageBox{
    display: block;
    max-width: 756px;
    height: auto;
    position: absolute;
    top: 36px;
    left: 50%;
    margin-left: -356px;
}
.iFeature1 .mainImage{
    display: block;
    width: 100%;
    height: 100%;
}

.iFeature1 .mainImageBox .smallQuan{
    width: 79px;
    height: 79px;
    position: absolute;
    display: block;
}
.iFeature1 .mainImageBox .scaleBig{
    transition: all 0.6s;
    transform: scale(1.4)
}
.iFeature1 .mainImageBox .scalesmall{
    transition: all 0.6s;
    transform: scale(1)
}
.iFeature1 .mainImageBox .smallQuan1{
    top: 50%;
    left: 50%;
    margin-left: -215px;
    margin-top: -144px;
}
.iFeature1 .mainImageBox .smallQuan2{
    top: 50%;
    left: 50%;
    margin-left: 90px;
    margin-top: -144px;
}
.iFeature1 .mainImageBox .smallQuan3{
    top: 50%;
    left: 50%;
    margin-left: -60px;
    margin-top: 90px;
}
.iFeature1 .contentShowBox .eachContent .label{
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 17px;
}
.iFeature1 .contentShowBox .eachContent .Text{
    font-size: 15px;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
}
.iFeature1 .contentShowBox .eachContent1{
    max-width: 290px;
    text-align: center;
    position: absolute;
    top: 120px;
    left:100px ;
    display: none;
}
.iFeature1 .contentShowBox .eachContent2{
    max-width: 290px;
    text-align: center;
    position: absolute;
    top: 120px;
    right:100px ;
    display: none;
}
.iFeature1 .contentShowBox .eachContent3{
    max-width: 407px;
    text-align: center;
    position: absolute;
    bottom: 30px;
    left:50% ;
    margin-left: -203px;
    display: none;
}

.iFeature1 .contentShowBox .smallQuan{
    width: 60px;
    height: 60px;
    display: none;
    margin: 0 auto 20px;
}
.iFeature1 .contentShowBox{
    /* display: none; */
}
/* .iFeature1 .imageShowBox:hover .contentShowBox{
    display: block;
} */
.iFeature1 .feaContent .txtArea{ width: 523px; margin-left: 60px;}
.iFeature1 .feaContent .txtArea p{ font-size: 20px; line-height: 28px; font-weight: 500; padding-bottom: 40px;}
.iFeature1 .txtArea h2.feaTitle{ text-align: left; margin-bottom: 38px;}
.iFeature1 .txtArea h2.feaTitle em{ display: inline-block; }
.iFeature .feaContent .txtArea ul{ padding-bottom: 34px; }
.iFeature .feaContent .txtArea li{ font-size: 16px; line-height: 22px; margin-bottom: 19px; padding-left: 32px; background: url(../img/ico-dot@2x.png) no-repeat 0 4px; background-size: 21px auto;}
.iFeature .feaContent .txtArea li strong{ color: #4E34C5; font-weight: 500; }
.iFeature .area{ position: relative; }
.screenArea{ position: relative; top: -24px; right: 69px;}
a.btnMedium{ display: inline-block; line-height: 52px; color: #fff; font-size: 16px; font-weight: 500; padding: 0 60px 0 30px; background: #4E34C5 url(../img/button-arr@2x.png) no-repeat 191px 22px; background-size: 19px auto; border-radius: 5px;}
a.btnMedium:hover{ background-color: #3b23a7; }
.en a.btnMedium{ background-position: 191px 22px; }
a.btnSmall{ width:168px; box-sizing: border-box; display:block; line-height: 44px; color: #fff; font-size: 16px; font-weight: 500; padding: 0 52px 0 25px; background: #4E34C5 url(../img/button-arr@2x.png) no-repeat 122px 18px; background-size: 19px auto; border-radius: 5px;margin:31px auto 0;}
a.btnSmall:hover{ background-color: #3b23a7; }
.en a.btnSmall{ background-position: 122px 18px; }

.iFeature .screen1{ position: absolute; right: 153px; top: -26px; width: 203px; z-index: 3;}
.iFeature .screen1 .iPhone{ width: 100%; position: relative; z-index: 2;}
.iFeature .screen1:before{ display: block; content: ''; width: 295px; height: 13px; background: url(../img/iphone-shadow@2x.png) no-repeat; background-size: 100%; position: absolute; left: -48px; bottom: -4px; }
.iFeature .screen1 .screen{ width: 177px; position: absolute; left: 13px; top: 11px; z-index: 1;}
.iFeature .screen2{ position: absolute; right: 0; top: 0; width: 178px;}
.iFeature .screen2 .iPhone{ width: 100%; position: relative; z-index: 2;}
.iFeature .screen2:before{ display: block; content: ''; width: 260px; height: 11px; background: url(../img/iphone-shadow@2x.png) no-repeat; background-size: 100%; position: absolute; left: -43px; bottom: -3px; }
.iFeature .screen2 .screen{ width: 155px; position: absolute; left: 12px; top: 9px; z-index: 1;}
.iFeature1 .bubble1{ display: block; width: 47px; height: 47px; background: url(../img/bubble@2x.png) no-repeat; background-size: 100%; position: absolute; right: -65px; top: 44px;}
.iFeature2{ margin-top: 220px; position: relative;}
.iFeature2 .bubble1{ display: block; width: 81px; height: 81px; background: url(../img/bubble@2x.png) no-repeat; background-size: 100%; position: absolute; left: -60px; top: -123px;}
.iFeature2 .feaContent .txtArea{ width: 614px; }
.iFeature2 .feaContent{ clear: both; }
.iFeature2 .feaTitle{ text-align: left; width: 614px; float: right; margin-bottom: 38px;}
.iFeature2 .screenArea{ right: auto; left: 196px; top: -106px;}
.iFeature2 .screen1{ left: 0; }
.iFeature2 .screen2{ left: -152px; right: auto;}
.bubbleRightBig{ display: block; width: 251px; height: 643px; background: url(../img/bubble3@2x.png) no-repeat; background-size: 100%; position: absolute; right: 0; top: -115px; }

.iData{ padding-top: 210px; padding-bottom: 160px;}
.iData .feaTitle em{ color: #333; }
.iData ul{ padding-top: 108px; overflow: hidden;}
.iData ul li img{ display: block; width: 160px; float: left;  position: absolute; left: 0; top: 0;}
.iData ul li{ float: left; margin-left: 103px; position: relative;padding-left: 184px; box-sizing: border-box; width: 332px; height: 160px;}
.en .iData ul li{ margin-left: 45px; width: 377px;}
.iData ul li:nth-child(1){ margin-left: 0; }
.iData ul li span{ font-size: 39px; padding-top: 18px; display: inline-block;}
.iData ul li span em{ font-size: 72px;  }
.iData ul li p{ font-size: 18px; line-height: 21px; font-weight: 500; }
.iData ul li.l1 span,.iData ul li.l1 s{ color: #DDB464; font-weight: bold;}
.iData ul li.l2 span,.iData ul li.l2 s{ color: #5FA448; font-weight: bold;}
.iData ul li.l3 span,.iData ul li.l3 s{ color: #FD5D57; font-weight: bold;}

.iContact{ height: 494px; padding-top: 133px; background: #6D5AE0 url(../img/home-sec4-bg@2x.png) no-repeat center; background-size: cover; color: #fff; text-align: center; box-sizing: border-box;}
.iContact h2{ font-size: 38px; font-weight: 500;}
.iContact p{ font-size: 18px; line-height: 23px; padding-top: 28px; width: 627px; margin: 0 auto; padding-bottom: 53px;}
.iContact a.btnMedium{ background-color: #fff; color: #6D5AE0; background-image: url(../img/button-arr-2@2x.png);}
.iContact p strong{ font-weight: bold; }
.iContact a.sourcelink{text-decoration: underline; color: #fff; opacity: 0.5; font-size: 12px; display: block;}

.bottomLine{
    width: 100%;
    width: 100vw;
    height: 1px;
    /* background-color: rgba(171, 163, 206, 0.9); */
    background-color: #5D5192;
    margin-left: 50%;
    transform: translateX(-50%);
}
.mFooter{ padding: 60px 0 65px 0;background: #fff; }
.mFooter nav a{ font-size: 16px; font-weight: 500; position: relative; padding-left: 33px;}
.mFooter nav a:before{ display: block; content: ''; width: 1px; height: 13px; background: #D8D8D8; position: absolute; left: 15px; top: 5px; }
.mFooter nav a:nth-child(1){ padding-left: 0; }
.mFooter nav a:nth-child(1):before{ display: none; }
.mFooter .subNavs{ margin-top: 23px; }
.mFooter .subNavs a{ font-size: 14px; color: #999; margin-left: 31px; position: relative;}
.mFooter .subNavs a:before{ display: block; content: ''; width: 5px; height: 5px; background: #A1A1A1; border-radius: 50%; position: absolute; left: -19px; top: 7px;}
.mFooter .subNavs a:nth-child(1):before{ display: none; }
.mFooter .subNavs a:nth-child(1){  margin-left: 0; }
/* .mFooter .rPart{ margin-top: -13px; } */
.mFooter .rPart a{ display: inline-block; overflow: hidden; margin-bottom: 0px;margin-left: 10px;}
.mFooter img{ display: block; height: 36px; float: right;margin-right: 8px;}
.mFooter .copyright{ clear: both; font-size: 14px; color: #999;}

.shadow{ display: none; position: fixed; width: 100%; height: 100%; z-index: 106; background: #000; opacity: .55; left: 0; top: 0; }
.contactForm{ display: none; position: fixed; left: 50%; top: 50%; margin-left: -529px; margin-top: -351px; width: 1059px; height: 703px; background: #1D1550 url(../img/sky-box@2x.png); background-size: 1059px auto; z-index: 107; border-radius: 5px; box-sizing: border-box; padding-left: 70px; overflow: hidden;}
.contactForm .bg{ display: block; background: #fff; position: absolute; height: 100%; width: 100%; position: absolute; left: -267px; top: 0; transform: skewX(-25deg);}
.contactForm .cfContent{ position: relative; z-index: 108; }
.contactForm > .closeMe{ display: block; position: absolute; right: 16px; top: 16px; background: url(../img/ico-close@2x.png) no-repeat center; background-size: 18px auto; width: 24px; height: 24px; z-index: 109; cursor: pointer;}
.contactForm h2{ font-size: 30px; font-weight: 500; color: #4E0228; padding: 59px 0 0 0;}
.contactForm h2 strong{ color: #4E34C5; font-weight: bold; margin-left: 9px;}
.contactForm .formMain{ display: block; }
.contactForm .formMain p.des{ font-size: 14px; line-height: 18px; margin-top: 27px; width: 606px; margin-bottom: 37px;}
.contactForm .formMain p.des strong{ font-weight: bold; color: #4E34C5;}
.contactForm .formMain .submitArea{ width: 260px; border-top: 10px solid #fff; }
.contactForm .formMain .item > *{ width: 260px; float: left; margin-bottom: 30px;}
.contactForm .formMain .scrollArea{ height: 360px; overflow-y: auto; width: 620px;}
.contactForm .formMain .item .iLeft{ margin-right: 33px; }
.contactForm .formMain .item label{ font-size: 15px; font-weight: 500; line-height: 19px; padding-bottom: 9px; display: inline-block;}
.contactForm .formMain .item .txtIn{ background: #F8F6FD; width: 100%; border-radius: 4px; color: #796B9C; padding: 11px 0 11px 15px; box-sizing: border-box; border: none; font-size: 15px;}
.contactForm .formMain ::-webkit-input-placeholder{ color: #D4CDE5; }
.contactForm .formMain .item label em{ color: #4E34C5; }
.contactForm .formMain .iReceivers{ position: relative; }
.contactForm .formMain .tips{
	border-radius: 4px;
	border: 1px solid #E8E8E8;
	background: #FFFFFF;
border: 1px solid #E8E8E8;
box-shadow: 0 17px 14px 0 rgba(66,66,66,0.08);
padding: 14px 8px 17px 19px;
font-size: 13px; line-height: 16px;
color: #666;
position: absolute;
width: 260px;
box-sizing: border-box;
right: -294px; top: 29px;
}
.contactForm .formMain .tips:before{ display: block; content: ''; width: 7px; height: 13px;  background: url(../img/tips-arr-left@2x.png) no-repeat; background-size: 7px auto; top: 26px; left: -7px; position: absolute;}
.contactForm .recList li{ margin-bottom: 8px; position: relative;}
.contactForm .recList li .addNew{ display: block; width: 14px; height: 14px; background: url(../img/ico-add@2x.png) no-repeat; background-size: 14px auto; position: absolute; right: -20px; top: 14px;}
.contactForm .recList li .remove{ display: block; width: 12px; height: 13px; background: url(../img/ico-delete@2x.png) no-repeat; background-size: 12px auto; right: 13px; top: 14px; position: absolute;}
.contactForm .submitArea .btnSubmit{ display: block; cursor: pointer; width: 100%; background: #4E34C5 url(../img/button-arr@2x.png) no-repeat 160px 18px; background-size: 19px auto; height: 46px; line-height: 46px; border-radius: 5px; font-size: 16px; font-weight: 500; color: #fff; text-align: center; width: 260px; border: none; text-indent: -36px;}
.contactForm .submitArea .btnSubmit:hover{ background-color: #3b23a7; }
.en .contactForm .submitArea .btnSubmit{ background-position: 151px 18px; text-indent: -18px; }
.successInfo{ width: 402px; display: none; color: #fff; text-align: center; position: relative; left: 102px; top: 243px;}
.successInfo:before{ display: block; content: ''; width: 87px; height: 54px; background: url(../img/ico-planet-1@2x.png) no-repeat; background-size: 100%; position: absolute; left: 50%; margin-left: -43px; top: -83px;}
.successInfo h3{ font-size: 40px; font-weight: 500;}
.successInfo h2{ font-size: 40px; font-weight: 500;}
.successInfo p{font-size: 16px; line-height: 25px; width: 402px; margin: 33px auto 0 auto;}
.successInfo a{ display: block; width: 140px; height: 40px; text-align: center; line-height: 40px; border: 1px solid #fff; border-radius: 4px; color: #fff; font-weight: 500; margin: 60px auto 0 auto; font-size: 16px; }
.contactForm .screenW{ width: 252px; position: absolute; right: 74px; top: 123px;}
.contactForm .screenW .iPhone{ width: 100%; position: relative; z-index: 2;}
.contactForm .screenW .screen{ position: absolute; width: 219px; left: 17px; top: 15px; z-index: 1; }
a.toggle{ display: none; }

.tarifBanner{ background: url(../img/newWeb/night_sky_header@2x.png) no-repeat center 0; background-size: 100% 100%; margin-top: 96px;}
.tarifBanner h1{ font-size: 40px; font-weight: bold; color: #fff; text-align: center;padding: 75px 0;}
.tarifBanner h2{ font-size: 40px; font-weight: bold; color: #fff; text-align: center; padding: 114px 0 0 0;}
.tarifMain{ margin-top: -417px; margin-bottom: 15px;}
.tarifMain .tabs{ text-align: center; }
.tarifMain .tabs li{ display: inline-block; width: 178px; height: 56px; margin: 0 4px; color: #fff; font-size: 18px; font-weight: 500; text-align: center; line-height: 56px; box-sizing: border-box; border: 1px solid #fff; background: #1D1550; border-radius: 5px; cursor: pointer;}
.tarifMain .tabs li.on{background: #4E34C5; border: none; position: relative;}
.tarifMain .tabs li.on:before{ display: block; content: ''; position: absolute; width: 19px; height: 10px; background: url(../img/arr-tab-down@2x.png) no-repeat; background-size: 19px auto; left: 50%; bottom: -9px; margin-left: -9px;}
.tarifCards{ margin-top: 108px; }
.tarifCards .card{ width: 376px; height: 615px; display: inline-block; margin: 0 30px; float: none !important; vertical-align: top; position: relative;}
.tarifCards .card.left{ background: #FFFFFF url(../img/Group-20@2x.png) no-repeat center top; background-size: 100% auto;
box-shadow: 0 27px 19px 0 rgba(66,66,66,0.08);
border-radius: 9px; }
.tarifCards .card.right{background: #4E34C5 url(../img/Group-21@2x.png) no-repeat center top; background-size: 100%;
box-shadow: 0 27px 19px 0 rgba(78,52,197,0.33);
border-radius: 9px;}
.tarifCards .item{ display: none; text-align: center;}
.tarifCards .item.on{ display: block; }
.tarifCards .card h3{ font-size: 28px; font-weight: 500; text-align: center; padding: 38px 0 74px 0; }
.tarifCards .card.left h3{ color: #806524; }
.tarifCards .card.right h3{ color: #fff; }
.tarifCards .card .price{ text-align: center; }
.tarifCards .card.left .price{ color: #806524; }
.tarifCards .card.right .price{ color: #fff; }
.tarifCards .card .price{ font-size: 26px; font-weight: 500; }
.tarifCards .card .price em{ font-size: 72px; }
.tarifCards .card > p{ font-size: 15px; line-height: 19px; font-weight: 500; width: 204px; margin: 0 auto; color: #fff;}
.tarifCards .card.left > p{ color: #333300; }
.tarifCards .platforms{ margin-top: 59px; margin-left: 150px;}
.tarifCards .card.left .platforms{ margin-left: 174px; }
.tarifCards .platforms .tips{ display: none; background: #FFFFFF; border: 1px solid #E8E8E8; box-shadow: 0 17px 14px 0 rgba(66,66,66,0.08); border-radius: 4px; font-size: 13px; line-height: 16px; color: #666; padding: 12px 14px 15px 14px; box-sizing: border-box; width: 110px; position: absolute; bottom: 43px; left: -41px; }
.tarifCards .platforms .tips:before{ position: absolute; display: block; content: ''; width: 15px; height: 9px; background: url(../img/tips-arr-down@2x.png) no-repeat; background-size: 100%; left: 50%; margin-left: -8px; bottom: -9px; }
.tarifCards .platforms li{ float: left; position: relative;}
.tarifCards .platforms li.on .tips{ display: block; }
.tarifCards .platforms .mobile{ display: block; width: 20px; height: 28px; background: url(../img/ico-mobile-1@2x.png) no-repeat; background-size: 20px auto; }
.tarifCards .right .platforms .mobile{ background-image: url(../img/ico-mobile-2@2x.png); }
.tarifCards .platforms .mobile .tips{ left: -44px; }
.tarifCards .platforms .pc{ display: block; width: 30px; height: 26px; background: url(../img/ico-pc-2@2x.png) no-repeat; background-size: 30px auto; margin-left: 30px; margin-top: 1px; position: relative;}
.tarifCards .platforms .pc s{ display: block; font-size: 16px; color: #fff; position: absolute; left: -20px; top: 1px;}
.tarifCards .features{ margin-top: 24px; }
.tarifCards .features p{ font-size: 15px; line-height: 19px; text-align: center; background: url(../img/line1@2x.png) no-repeat center top; background-size: 100%; padding: 21px 0 22px 0; color: #5F5F5F;}
.tarifCards .right .features p{ color: #fff; opacity: 0.68; background-image: url(../img/line2@2x.png);}
.tarifCards .btnCard{ display: block; width: 150px; height: 46px; border-radius: 5px; text-align: center; line-height: 46px; font-size: 16px; font-weight: 500; position: absolute; bottom: 40px; left: 50%; margin-left: -75px;}
.tarifCards .left .btnCard{background: #4930BC; color: #fff;}
.tarifCards .left .btnCard:hover{ background-color: #3b23a7; }
.tarifCards .right .btnCard{background: #fff; color: #4930BC; }
.tarifForm{ height: 950px; margin-top: 70px; background: url(../img/sky2@2x.png) no-repeat center top; background-size: 1920px auto;}
.tarifForm .formMain{ width: 710px; margin: 0 auto;}
.tarifForm h2{ font-size: 28px; line-height: 33px; padding-top: 297px; width: 645px; margin: 0 auto 18px auto; text-align: center; color: #fff;}
.tarifForm .formMain{}
.tarifForm .formMain .choiceRes{text-align: center; font-size: 16px; color: #fff; margin: -28px 0 30px 0; display: none;}
.tarifForm .formMain .choiceRes.on{ display: block; }
.tarifForm .formMain .choiceRes span{ font-weight: bold; color: #3fa4ff;}
.tarifForm .formMain .item > *{ width: 335px; float: left; margin-bottom: 30px;}
.tarifForm .formMain .item .iLeft{ margin-right: 39px; }
.tarifForm .formMain .item label{text-transform:uppercase; font-size: 15px; font-weight: 500; line-height: 19px; padding-bottom: 9px; display: inline-block; color: #fff;}
.tarifForm .formMain .item .txtIn{ background: #F8F6FD; width: 100%; border-radius: 4px; color: #796B9C; padding: 11px 0 11px 15px; box-sizing: border-box; border: none; font-size: 15px;}
.tarifForm .formMain .item textarea{background: #F8F6FD; width: 710px; height: 127px; resize: none; border-radius: 4px; color: #796B9C; padding: 11px 0 11px 15px; box-sizing: border-box; border: none; font-size: 15px;}
.tarifForm .formMain ::-webkit-input-placeholder{ color: #D4CDE5; }
.tarifForm .formMain .item label em{ color: #E85B72; }
.tarifForm .formMain .iReceivers{ position: relative; }
.tarifForm .formMain .submitArea{ margin: 9px auto 0 auto; }
.tarifForm .formMain .btnSubmit{ display: block; width: 260px; height: 46px; background: #4E34C5 url(../img/button-arr@2x.png) no-repeat 160px 18px; background-size: 19px auto; color: #fff; font-size: 16px; font-weight: 500; text-align: center; line-height: 46px; text-indent: -26px; border: none; border-radius: 5px; margin: 0 auto; cursor: pointer;}
.tarifForm .formMain .btnSubmit:hover{ background-color: #3b23a7; }
.en .tarifForm .formMain .btnSubmit{ text-indent: -15px; background-position: 151px 18px; }
.tarifForm .successInfo{ left: 50%; margin-left: -201px; top: 533px;}
.tarifForm .successInfo:before{ width: 53px; height: 98px; margin-left: -26.5px; background: url(../img/ico-rocket@2x.png) no-repeat; background-size: 53px auto; top: -143px;}

.catalogBanner{ height: 805px; background: #CF595F url(../img/catalogue-bg@2x.png) no-repeat center center; background-size: cover; position: relative; margin-bottom: 0px; margin-top: 96px;}
.catalogBanner .txtArea{ text-align: center; padding-top: 143px; width: 574px; margin: 0 auto;}
.catalogBanner .typed-cursor{ font-weight: normal;  color: #8c5885; }
.catalogBanner h1.titleMain{ font-size: 35px; font-weight: bold; color: #4D0127; padding-bottom: 19px; line-height: 44px;}
.catalogBanner h1.titleMain em{/* color: #4E34C5;*/ font-weight: bold;}
.catalogBanner .txtArea p{ color: #4D0127; font-size: 18px;}
.catalogBanner .txtArea a.btnBig{ display: block; width: 285px; height: 56px; background: #3D1F4D; border-radius: 5px; color: #FFF; font-size: 18px; font-weight: 500; line-height: 56px; margin: 32px auto 0 auto; }
.catalogBanner s{ display: block; position: absolute; left: 50%; margin-left: -7px; background: url(../img/ico-arr-scroll-down@2x.png) no-repeat; background-size: 15px auto; bottom: 32px; width: 15px; height: 30px;}

.catalogueList{ margin-top: 73px; text-align: center; margin-bottom: 60px;}
.catalogueList h2{ font-size: 36px; font-weight: bold;}
.catalogueList p.des{ font-size: 18px; line-height: 26px; padding-top: 22px; width: 730px; margin: 0 auto;}
.catalogueList p.des strong{ font-weight: bold; color: #4E34C5; }
.catalogueList .clMain{ margin: 86px auto 0 auto; width: 1114px;}
.catalogueList .clMain .item{ width: 326px; height: 429px; float: left; margin-right: 68px; margin-bottom: 60px; background: #FFFFFF;
border: 1px solid #E8E8E8; box-sizing: border-box;
box-shadow: 0 10px 14px 0 rgba(66,66,66,0.08);
border-radius: 4px; overflow: hidden;
}
/*.en .catalogueList .clMain .item{ cursor: default; }*/
.catalogueList .clMain .item:hover{ box-shadow: 0 20px 20px 10px rgba(66,66,66,0.08); }
.catalogueList .clMain .item:hover span{ color: #555; }
.catalogueList .clMain .item:nth-child(3n){ margin-right: 0; }
.catalogueList .clMain .item .cover{ height: 215px; background-size: cover; background-repeat: no-repeat; background-position: center;}
.catalogueList .clMain .item strong{ font-size: 18px; font-weight: 500; color: #222; text-align: center; display: block; padding-top: 32px; position: relative;}
.catalogueList .clMain .item span{ color: #999; font-size: 14px; line-height: 19px; padding: 0 37px; margin-top: 37px; display: block;}
.catalogueList .clMain .item strong:before{ display: block; content: ''; width: 25px; height: 3px; border-radius: 999px; position: absolute; left: 50%; margin-left: -13px; top: 68px;}
.catalogueList .clMain .item1 strong:before{ background: #A780F7; }
.catalogueList .clMain .item2 strong:before{ background: #FD5D57; }
.catalogueList .clMain .item3 strong:before{ background: #DAB26F; }
.catalogueList .clMain .item4 strong:before{ background: #4C9954; }
.catalogueList .clMain .item5 strong:before{ background: #57D3BB; }
.catalogueList .clMain .item6 strong:before{ background: #3181EC; }

.expertsSlider{  background: url(../img/newWeb/bg_xxx@2x.png) no-repeat;
    background-size: 100% auto; color: #fff; padding-top: 81px; padding-bottom: 90px;}
.expertsSlider h2{ font-size: 31px; font-weight: 500; text-align: center; padding-bottom: 69px; }
.expertsSlider .item{ background: #fff url(../img/ico_quote@2x.png) no-repeat 633px 25px; background-size: 92px auto; border-radius: 9px;}
.esSliderMain{ width: 751px; height: 209px;margin: 0 auto 82px auto;}
.esSliderMain .slick-list{ overflow: visible; }
.esSliderMain .avatarArea{ width: 143px; position: absolute; left: -71px; background: url(../img/expert_circle@2x.png) no-repeat center; background-size: 143px auto; top: 32px;}
.esSliderMain .avatarArea img{ display: block; width: 122px; height: 122px; margin: 10px auto; border-radius: 999px; }
.expertsSlider .item dl{ padding: 40px 0 46px 111px; }
.expertsSlider .item dl dt strong{ font-size: 26px; font-weight: 500; color: #1F1F1F; margin-right: 21px;}
.expertsSlider .item dl dt a{ display: inline-block; width: 20px; height: 20px; margin-right: 7px;}
.expertsSlider .item dl dt .links{ display: inline-block; }
.expertsSlider .item dl dt a.aLinkedin{background: url(../img/ico_linkedin@2x.png) no-repeat;background-size: 20px auto;}
.expertsSlider .item dl dt a.aWebsite{background: url(../img/ico_url@2x.png) no-repeat;background-size: 20px auto;}
.expertsSlider .item dl dt a.aIns{background: url(../img/ico_ins@2x.png) no-repeat;background-size: 20px auto;}
.expertsSlider .item dl dt a.aFacebook{background: url(../img/ico_facebook.png) no-repeat;background-size: 20px auto;}
.expertsSlider .item dl dt a.aYoutube{background: url(../img/ico_youtube.png) no-repeat;background-size: 20px auto;}
.expertsSlider .item dd.etitle{ font-size: 12px; text-transform: uppercase; color: #5C47D9; margin-top: 5px; font-weight: 500;}
.expertsSlider .item dd.edes{ margin-top: 20px; font-size: 15px; line-height: 21px; color: #5C5C5C; width: 522px;}
.expertsSlider .slick-prev, .expertsSlider .slick-next{ width: 19px; height: 33px;}
.expertsSlider .slick-prev{ background: url(../img/expertSliderPrev@2x.png) no-repeat; background-size: 19px auto; left: -180px;}
.expertsSlider .slick-next{ background: url(../img/expertSliderNext@2x.png) no-repeat; background-size: 19px auto; right: -180px;}
.expertsSlider .slick-prev:hover,.expertsSlider .slick-next:hover{ background-color: transparent; }
.expertsSlider .btnArea{ text-align: center; }
.expertsSlider a.btnSolid{ display: inline-block; line-height: 52px; color: #5C47D9; font-size: 16px; font-weight: 500; padding: 0 60px 0 30px; background: #fff url(../img/button-arr-2@2x.png) no-repeat 201px 22px; background-size: 19px auto; border-radius: 5px;}
.expertsSlider .btnSolid:hover{ background: #fff; color: #5C47D9; }

.expertsList{ background: linear-gradient(#4E34C5, rgba(142,123,254,1)); padding-bottom: 78px; position: relative; margin-top: 130px;}
/* .expertsList s{ display: block; width: 489px; height: 180px; background: url(../img/dot_bg_experts_3@2x.png) no-repeat; background-size: 100%; position: absolute; top: 0; left: 20%; } */
/* .expertsList:before,.expertsList:after{ display: block; content: ''; position: absolute; } */
/* .expertsList:before{ width: 337px; height: 512px; background: url(../img/dot_bg_experts_5@2x.png) no-repeat; right: 0; bottom: 35%; background-size: 100%;} */
/* .expertsList:after{ width: 444px; height: 516px; background: url(../img/dot_bg_experts_4@2x.png) no-repeat; left: 0; bottom: 0; background-size: 100%;} */
.expertsList h1{ font-size: 34px; font-weight: 500; text-align: center; color: #fff; padding: 89px 0 105px 0; position: relative; z-index: 2;}
.expertsList .elMain{ width: 1054px; margin: 0 auto; position: relative; z-index: 2;overflow: hidden;}
.expertsList .item{ background: #fff; width: 502px; height: 233px; border-radius: 14px; float: left; margin: 0 50px 50px 0; position: relative;
        transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s; box-shadow: none;
        overflow: hidden;
    }
.expertsList .item:hover{ box-shadow: 2px 31px 24px 0 rgba(33,22,95,0.47);height: unset; min-height: 233px;}
.expertsList .item:nth-child(2n){ margin-right: 0; }
.expertsList .item .avatarArea{ 
    width: 160px; 
    height: 160px; 
    position: absolute; 
    left: 24px; 
    /* background: linear-gradient(rgba(165,148,229,1), rgba(239,236,250,1)); */
    background: -webkit-linear-gradient(right top, rgba(165,148,229,1), rgba(239,236,250,1)); 
    background: -moz-linear-gradient(bottom left, rgba(165,148,229,1), rgba(239,236,250,1)); 
    background: linear-gradient(to bottom left, rgba(165,148,229,1), rgba(239,236,250,1)); 
    border-radius: 50%;
    top: 50%;
    margin-top: -75px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.expertsList .item .avatarArea img{ 
    display: block; 
    width: 140px; 
    height: 140px; 
    border-radius: 50%; 
    transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
}
.expertsList .item:hover .avatarArea{ 
    top: 100px; 
    left: 28px; 
    width: 70px; 
    height: 70px; 
    border-radius: 50%;
    background: -webkit-linear-gradient(right top, rgba(165,148,229,1), rgba(239,236,250,1)); 
    background: -moz-linear-gradient(bottom left, rgba(165,148,229,1), rgba(239,236,250,1)); 
    background: linear-gradient(to bottom left, rgba(165,148,229,1), rgba(239,236,250,1)); 
}
.expertsList .item:hover .avatarArea img{ 
    width: 60px; 
    height: 60px; 
    border-radius: 50%;
    margin: 5px auto; 
}
.expertsList .item dl{ padding: 35px 0 42px 111px; 
        transition: .2s;
        -moz-transition: .2s;
        -webkit-transition: .2s;
        -o-transition: .2s;}
.expertsList .item dl dt strong{ font-size: 24px; font-weight: 500; color: #1F1F1F; margin-right: 21px;
        transition: .2s;
        -moz-transition: .2s;
        -webkit-transition: .2s;
        -o-transition: .2s;}
.expertsList .item:hover dl dt strong{ font-size: 22px; }
.expertsList .item:hover dl{ padding: 28px 0 0 117px; }
.expertsList .item dl dt a{ display: inline-block; width: 20px; height: 20px; margin-right: 7px;}
.expertsList .item dl dt a.aLinkedin{background: url(../img/ico_linkedin@2x.png) no-repeat;background-size: 20px auto;}
.expertsList .item dl dt a.aIns{background: url(../img/ico_ins@2x.png) no-repeat;background-size: 20px auto;}
.expertsList .item dl dt a.aWebsite{background: url(../img/ico_url@2x.png) no-repeat;background-size: 20px auto;}
.expertsList .item dl dt a.aFacebook{background: url(../img/ico_facebook.png) no-repeat;background-size: 20px auto;}
.expertsList .item dl dt a.aYoutube{background: url(../img/ico_youtube.png) no-repeat;background-size: 20px auto;}
.expertsList .item dd.etitle{ font-size: 12px; text-transform: uppercase; color: #5C47D9; margin-top: 5px; font-weight: 500;}
.expertsList .item dd.edes{ 
    position: inherit; 
    opacity: 0; 
    left: 36px;
    top: 105px; 
    font-weight: 500;
    font-size: 14px; 
    line-height: 20px; 
    color: #333333; 
    width: auto;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;padding-right: 20px;
    height: 88px;
    overflow-y: auto;
}
.expertsList .item dd.edes::-webkit-scrollbar {
    width: 5px;
    margin-right: 5px;
}
.expertsList .item dd.edes::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0,0,0,0.2);
}
.expertsList .item dd.edes::-webkit-scrollbar-track {
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}

.expertsList .item:hover dd.edes{opacity: 1;}
.expertsList .item .links{ position: absolute; right: 17px; top: 24px; }
.expertsList .item .links a{ margin-right: 10px }
.expertsList .item dl{ padding: 90px 0 0 243px; }

.cataHow {
    height: 705px;
    border-bottom: 1px solid #ECECEC;
    position: relative;
}

.cataHow:before,.cataHow:after{ display: block; content: ''; position: absolute;}
.cataHow:before{ width: 358px; height: 405px; background: url(../img/dot_bg_experts_1@2x.png) no-repeat; left: 0; bottom: 0;  background-size: 100% 100%;}
.cataHow:after{ width: 267px; height: 210px; background: url(../img/dot_bg_experts_2@2x.png) no-repeat; right: 0; top: 0;  background-size: 100% 100%;}

.cataHow .mTitle {
    padding-top: 117px;
    margin-left: 116px;
}

.cataHow h2 {
    color: #222;
    text-align: left;
    margin-left: 0;
    position: absolute;
    font-size: 38px;
    line-height: 48px;
    font-weight: 500;
    left: 116px;
    top: 168px;
}

.cataHow .mTitle p {
    font-size: 18px;
    color: #222;
    text-align: left;
    padding-top: 52px;
    width: 310px;
}

.cataHow .phone {
}

.cataHow .phone {
    width: 262px;
    height: 525px;
    position: absolute;
    right: 210px;
    top: 0;
}

.cataHow .phone:before {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background: url(../img/iPhone@2x.png) no-repeat;
    background-size: 100%;
    z-index: 2;
    position: relative;
}

.cataHow .phone img {
    display: block;
    width: 233px;
    position: absolute;
    left: 12px;
    top: 14px;
    /*height: 403px;*/
    z-index: 1;
}

.cataHow .area {
    position: relative;
    height: 100%;
}

.cataHow .slick-track {
    height: 525px;
}

.cataHow .slider {
    padding-top: 96px;
}

.cataHow .slider .slick-dots {
    text-align: left;
    box-sizing: border-box;
    padding-left: 119px;
    margin-right: 0;
    width: 100%;
    right: auto;
    bottom: 60px;
}

.cataHow .slider .slick-dots li {
    float: none;
    display: inline-block;
    margin: 0 4px;
}

.cataHow .slider .slick-dots li:hover button {
    background: #5F4DD2;
    opacity: .7;
}

.cataHow .slider .slick-dots li.slick-active button {
    background: #5F4DD2;
}

.slider .slick-dots li {
    margin-right: 7px;
}

.slider .slick-dots li button {
    width: 18px;
    height: 5px;
    background: #8E8E8E;
    opacity: .2;
    border-radius: 999px;
}

.slider .slick-dots li:hover button {
    background: #D7A454;
    opacity: .7;
}

.slider .slick-dots li.slick-active button {
    background: #D7A454;
}

.catalogueMain{ margin-top: 156px; border-bottom: 1px solid #ECECEC; padding-bottom: 55px;}
.breads a{ font-size: 15px; font-weight: 500; color: #4E34C5; margin-right: 28px; position: relative;}
.breads a:before{ display: block; content: ''; width: 6px; height: 10px; background: url(../img/ico-arrow-right@2x.png) no-repeat; background-size: 6px auto; position: absolute; right: -21px; top: 6px; }
.breads span{ color: #666; font-size: 15px; }
.breads{ margin-bottom: 90px; }
.cataContent dl.left{ width: 248px; }
.cataContent dl.left dt{ font-size: 20px; font-weight: 500; margin-bottom: 38px; }
.cataContent dl.left dd a{ font-size: 15px; line-height: 36px; color: #888; font-weight: 500;}
.cataContent dl.left dd a:hover{ color: #222; }
.cataContent dl.left dd.on a{ color: #4E34C5; }
.catacMain{ width: 850px; position: relative;}

.catacMain h1{ font-size: 35px; font-weight: bold; margin-bottom: 25px; }
.catacMain p.des{ font-size: 18px; line-height: 26px; margin-bottom: 21px;}
.catacMain p.des strong{ font-weight: 500; }
.catacMain:before{ display: block; width: 1px; height: 100%; content: ''; background: #F1F1F1; position: absolute; left: -75px; top: 10px;}
.cataList{ padding-top: 15px; }
.cataList li{ width: 263px; height: 271px; background: #FFFFFF; float: left;
border: 1px solid #E8E8E8;
overflow: hidden;
box-sizing: border-box;
box-shadow: 0 10px 14px 0 rgba(66,66,66,0.08);
border-radius: 4px; margin: 0 30px 45px 0;}
.cataList li:nth-child(3n){ margin-right: 0; }
.cataList li:hover{box-shadow: 0 18px 20px 0 rgba(66,66,66,0.08);}
.cataList li:hover h3{color: #4e34c5;}
.cataList li .cover{ height: 165px; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #eee;}
.cataList li h2{ font-size: 15px; line-height: 19px; text-align: center; font-weight: 500; padding: 0 16px; padding-top: 22px;}
.cataList li h3{ font-size: 15px; line-height: 19px; text-align: center; font-weight: 500; padding: 0 16px; padding-top: 22px;}

.cataContent .cataText{ width: 720px; }
.cataContent .cataText h1{ font-size: 40px; line-height: 51px; font-weight: bold; color: #333; margin-bottom: 44px;}
.cataContent .cataText .catatCont img.fea{ display: block; width: 100%; border-radius: 8px;}
.cataContent .cataText .catatCont p{ line-height: 24px; font-size: 16px; margin-bottom: 24px; }
.cataContent .cataText .catatCont h2{ margin-bottom: 16px;
    font-size: 21px;
    line-height: 1.2;
    font-weight: bold;
    padding-top: 22px;
}
.cataContent .cataText .catatCont h3{ margin-bottom: 16px;
    font-size: 21px;
    line-height: 1.2;
    font-weight: bold;
    padding-top: 22px;
}
.cataContent .cataText .catatCont ul{ margin-left: 18px; }
.cataContent .cataText .catatCont li {
    line-height: 20px;
    font-size: 15px;
    padding-left: 5px;
    position: relative;
    margin-bottom: 12px;
    color: #666;
}

.cataContent .cataText .catatCont li:before {
    display: block;
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #4e34c5;
    position: absolute;
    left: -17px;
    top: 9px;
}


.cataContent .sideCTA{ width: 359px; border: 1px solid #E2E2E2; border-radius: 4px; padding: 48px 25px 40px 37px; box-sizing: border-box; position: relative;}
.cataContent .sideCTA h2{ font-size: 20px; font-weight: bold; color: #4E34C5; margin-bottom: 10px;}
.cataContent .sideCTA p{ font-size: 16px; line-height: 24px; }
.cataContent .sideCTA .btnMedium{ margin-top: 44px; }
.cataContent .sideCTA .chat{display: none; position: absolute; left: 0; bottom: -48px; font-size: 17px; padding-left: 39px; background: url(../img/chat-icon@2x.png) no-repeat 6px center; background-size: 25px auto; line-height: 25px; }
.cataContent .sideCTA .chat a{ font-weight: bold; position: relative;}
.cataContent .sideCTA .chat a:before{ display: block; width: 100%; height: 3px; background: #4930BC; content: ''; position: absolute; left: 0; bottom: -3px;}
.cmDetail{ border: none; }
.relatedArticle{ padding-bottom: 115px; }
.relatedArticle h2{ font-size: 16px; text-transform: uppercase; color: #999; letter-spacing: 2px; font-weight: 500; line-height: 30px; padding-left: 18px;}
.relatedArticle h2 em{ display: block; color: #4E34C5; font-size: 30px; font-weight: bold; text-transform: lowercase; letter-spacing: 0;}
.relatedArticle .cataList{ padding-top: 49px;}
.relatedArticle .cataList li{ display: inline-block; margin: 0 14px; float: none;}
.relatedBlog{border-bottom: 1px solid #ECECEC; }
.blogList{ padding-top: 50px; width: 1196px; margin: 0 auto;}
.blogList .item{ float: left; }
.blogList .item:nth-child(1){ margin-right: 37px; }
.blogList .item a.cover{ background: #eee; display: block; width: 263px; height: 165px; float: left; border-radius: 4px; background-size: cover;}
/*.blogList .item a.cover:hover{ box-shadow: 0 20px 14px 0 rgba(66,66,66,0.12); }*/
.blogList .item .txt{ float: left; margin-left: 26px; width: 263px;}
.blogList .item .txt h3{ font-size: 18px; font-weight: 500; line-height: 27px; height: 54px;}
.blogList .item .txt h3 a:hover{ color: #4E34C5; }
.blogList .item .txt p{ font-size: 14px; line-height: 19px; color: #666; margin-top: 20px; }
.contactWrap {
    padding: 125px 0 125px 0;
    margin-top: 122px;
}
.buyProcess {
    background: #E3EBFF;
}
.commText .area {
    background: #fff;
    width: 950px;
    margin: 0 auto;
    border-radius: 13px;
    padding: 70px 0 50px 0;
}
.commText h1 {
    font-size: 32px;
    font-weight: bold;
    text-align: center;
}

.commText .content {
    padding: 30px 100px 0 100px;
    /* 字体样式-a显示 */
    font-weight: 500;
}

.commText p, .commText li {
    font-size: 16px;
    line-height: 24px;
    color: #333;
    margin-bottom: 19px;
    position: relative;
}

.commText li {
    line-height: 20px;
    font-size: 15px;
    color: #666;
    mix-blend-mode: 10px;
}

.commText p s {
    font-weight: bold;
    margin-right: 5px;
    color: #222;
}

.commText li:before {
    display: block;
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #6051A6;
    position: absolute;
    left: -17px;
    top: 9px;
}

.commText p.updateInfo {
    font-size: 13px;
    padding-top: 10px;
    text-align: center;
    color: #666;
    margin-bottom: 30px;
    font-weight: 500;
}

.commText h2 {
    font-size: 20px;
    margin-top: 32px;
    padding-bottom: 26px;
    font-weight: bold;
    position: relative;
}

.commText h2:before {
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    background: #6051A6;
    content: '';
    left: 0;
    bottom: 17px;
}

.commText h3 {
    font-size: 17px;
    margin-top: 25px;
    padding-bottom: 6px;
    font-weight: bold;
    position: relative;
    color: #444;
}

.commText a {
    text-decoration: underline;
    color: #6051A6;
}

.commText ul {
    margin: 20px 0 20px 20px;
}

.noPost{ font-size: 16px; text-align: left; padding: 100px 0; color: #aaa;}


.contactUs { background:#1D1550 url(../img/contact_bg@2x.png) no-repeat center; background-size: 1440px auto;  margin-top: 96px; padding: 150px 0; position: relative;}
.contactUs h1{ font-size: 40px; font-weight: bold; color: #fff; text-align: center; }
.contactUs h2{ font-size: 26px; line-height: 33px; padding-top: 60px; color: #fff; width: 645px; margin: 0 auto 67px auto; text-align: center; }
.contactUs .formMain{ margin: 0 auto; width: 710px; }
.contactUs .formMain .choiceRes{text-align: center; font-size: 16px; color: #fff; margin: -28px 0 30px 0; display: none;}
.contactUs .formMain .choiceRes.on{ display: block; }
.contactUs .formMain .choiceRes span{ font-weight: bold; color: #3fa4ff;}
.contactUs .formMain .item > *{ width: 335px; float: left; margin-bottom: 30px;}
.contactUs .formMain .item .iLeft{ margin-right: 39px; }
.contactUs .formMain .item label{ font-size: 15px; font-weight: 500; line-height: 19px; padding-bottom: 9px; display: inline-block; color: #fff;}
.contactUs .formMain .item .txtIn{ background: #F8F6FD; width: 100%; border-radius: 4px; color: #796B9C; padding: 11px 0 11px 15px; box-sizing: border-box; border: none; font-size: 15px;}
.contactUs .formMain .item textarea{background: #F8F6FD; width: 710px; height: 127px; resize: none; border-radius: 4px; color: #796B9C; padding: 11px 0 11px 15px; box-sizing: border-box; border: none; font-size: 15px;}
.contactUs .formMain ::-webkit-input-placeholder{ color: #D4CDE5; }
.contactUs .formMain .item label em{ color: #E85B72; }
.contactUs .formMain .iReceivers{ position: relative; }
.contactUs .formMain .submitArea{ margin: 9px auto 0 auto; }
.contactUs .formMain .btnSubmit{ display: block; width: 260px; height: 46px; background: #4E34C5 url(../img/button-arr@2x.png) no-repeat 160px 18px; background-size: 19px auto; color: #fff; font-size: 16px; font-weight: 500; text-align: center; line-height: 46px; text-indent: -26px; border: none; border-radius: 5px; margin: 0 auto; cursor: pointer;}
.en .contactUs .formMain .btnSubmit{ text-indent: -15px; background-position: 151px 18px; }
.contactUs .successInfo{ left: 50%; margin-left: -201px; top: 50px; padding: 70px 0;}
.contactUs .successInfo:before{ width: 53px; height: 98px; margin-left: -26.5px; background: url(../img/ico-rocket@2x.png) no-repeat; background-size: 53px auto; top: -57px;}

.whyBanner{
    height: 630px;
    background: #2D1891 url(../img/why/whyBg1@2x.png) no-repeat;
    background-size: 100% 100%;
    color:#fff;
}
.whyBanner .area .txtArea .titleMain{
    font-size: 18px !important;
    color: #FFFFFF !important;
    opacity: 0.5;
    font-weight: 400 !important;
}
.whyBanner .area .txtArea .contentMain{
    
    font-size: 36px !important;
    font-family: 'Avenir' !important;
    color: #FFFFFF !important;
    line-height: 46px !important;
    margin-top: 20px !important;
}
.whyBanner .area .txtArea .btnArea {
    margin-top: 140px;
}
.whyBanner .area .txtArea {
    margin: 120px 0 155px 0px;
}
.whyBanner .area .txtArea .btnArea .btnBig {
    display: inline-block;
    line-height: 58px;
    background: url(../img/button-arr@2x.png) no-repeat 208px 25px;
    background-size: 19px auto;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    padding: 0 63px 0 30px;
    border-radius: 5px;
    border: 1px solid #fff;
}
.en .whyBanner .area .txtArea .btnArea .btnBig {
    padding: 0 59px 0 28px;
    background-position: 192px 25px;
}
.whyBanner .area .txtArea .btnArea .btnBig {
    padding: 0 83px 0 50px;
    background-position: 263px 25px;
    border: 2px solid #fff;
}
.whyBanner .imgBox{
    width: 605px;
    height: 420px;
    position: absolute;
    right: 0px;
    top: 105px;
    border-radius: 12px;
    overflow: hidden;
}
.whyBanner .imgBox img{
    display: inline-block;
    width: 605px;
    height: 420px;
}
.whyhomePartner {
    height: 270px;
    position: relative;
}
.twoBanner{
   /* display: flex; */
   /* justify-content: center; */
   /* padding: 0 195px; */
}
.twoBanner .area{
    width: 1056px;
   display: flex;
   justify-content: center;
   /* padding: 0 195px; */
}
.whyFeatureImg{
   display: inline-block;
   width: 415px;
   height: 265px;
   z-index: -1;
   position: relative;
}
.twoBanner .leftBox{
   margin-right: 122px;
}
.twoBanner .leftBox,
.twoBanner .rightBox{
   position: relative;
}
.whyContent{
    max-width: 440px;
    box-sizing: border-box;
    padding: 40px;
    background: #FFFFFF;
    box-shadow: 0px 0px 46px 0px rgba(0, 0, 0, 0.14);
    border-radius: 5px;
    margin-top: -50px;
    margin-left: 50px;
    z-index: 1;
    position: relative;
    color: #333333;
}
.whyContent .title{
    font-size: 22px;
    line-height: 28px;
    font-weight: bold;
}
.whyContent .line{
    width: 45px;
    height: 3px;
    background: #4E34C5;
    border-radius: 2px;
    margin:20px 0 30px;
}
.fiveBanner .whyContent .line{
    background: #A8942B; 
}
.whyContent p{
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
}
.whyContent p s{ 
   font-weight: 700;
}
.whyContent p span{ 
    color: #4E34C5;
}
.twoBanner .whyContent p:last-child,
.nineBanner .whyContent p:last-child{ 
    color: rgba(0, 0, 0, 0.3);
}
.threeBanner{
    padding:120px 0;
}
.threeBanner .area{
    width: 1056px;
}
.threeBanner .whyContent{
    max-width: 731px;
    background: #2D1891 url(../img/why/whyBg1@2x.png) no-repeat;
    background-size: 100% 100%;
    color: #fff;
    box-sizing: border-box;
    padding: 40px;
    box-shadow: 0px 0px 46px 0px rgba(0, 0, 0, 0.14);
    border-radius: 5px;
    margin-top: -215px;
    margin-left: 365px;
    z-index: 1;
    position: relative;
}
.threeBanner .whyContent .line{
    background: #fff;
}
.threeBanner .whyContent p span:last-child{ 
    color: rgba(255, 255, 255, 0.4);
}
.fourBanner{
    padding: 0 195px;
}
.fourBanner .outBox{
    width: 1056px;
    box-shadow: 0px 0px 46px 0px rgba(0, 0, 0, 0.14);
    display: flex;
    margin: 0 auto;
}
.fourBanner .whyContent{
    max-width: 735px;
    box-shadow: none;
    margin: 0 28px 0 0;
}
.fourBanner .whyFeatureImg{
    display: inline-block;
    width: 268px;
    height: 315px;
}
.fiveBanner{
    padding: 110px 0;
}
.fiveBanner .area{
    width: 1056px; 
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.fiveBanner .leftBox {
    position: relative;
    height: 477px;
    width: 480px;
}
.fiveBanner .leftBox .img1{
    width: 270px;
    height: 428px;
    position: absolute;
    left: 0;
    top: 0;
}
.fiveBanner .leftBox .img2{
    width: 308px;
    height: 477px;
    position: absolute;
    left: 138px;
    top: -32px;
}
.fiveBanner .leftBox img{
    display: block;
    width: 100%;
    height: 100%;
}
.fiveBanner .whyContent{
   max-width: 520px;
   background:url(../img/why/whyBg3@2x.png) no-repeat;
   background-size: 100% 100%;
   margin: 0;
}
.sixBanner .area{
    width: 1056px;
    display: flex;
    align-items: center;
}
.sixBanner .whyContent{
    max-width: 587px;
    display: inline-block;
    margin: 0;
}
.sixBanner .whyFeatureImg{
    display: inline-block;
    width: 520px;
    height: 420px;
    margin-left: -50px;
}
.sevenBanner {
   background: #f7f7f7;
   margin-top: 120px;
   padding-top: 70px;
   padding-bottom: 90px;
}
.sevenBanner .feaTitle em {
    text-transform: none;
}
.sevenBanner .area{
    width: 1056px;
}
.sevenBanner .area .feaTitle{
    max-width: 894px;
    text-align: center;
    margin:0 auto;
}
.sevenBanner .area .feaTitle em{
    width: 665px;
    height: 80px;
    font-size: 30px;
    color: #333333;
    line-height: 40px;
    margin: 0 auto;
}
.sevenBanner .area img{
    display: inline-block;
    width: 326px;
    height: 215px;
    position: relative;
}
.sevenBanner .area ul{
   width: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding-top: 70px;
}
.sevenBanner .area ul li{
   width: 326px;
   height: 409px;
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 0;
   margin-left: 0;
   background: #fff;;
}
.sevenBanner .area ul li span{
   font-size: 20px;
   color:#333;
   font-weight: bold;
   padding-top: 0;
   margin:33px 0;
   font-family: 'Avenir';
}
.sevenBanner .area ul li p{
    width: 248px;
    height: 40px;
    font-size: 14px;
    color: #666666;
    line-height: 20px;
    text-align: center;
}
.eightBanner {
    padding:110px 0;
}
.eightBanner .area{
    width: 1056px;
    clear: both;
}
.eightBanner .whyContent{
    display: inline-block;
    max-width: 587px;
    margin: 0;
    z-index: -1;
}
.eightBanner .whyContent .title{
   max-width: 415px;
}
.eightBanner .whyContent .p{
   max-width: 415px;
}
.eightBanner .bgContent{
    max-width:545px;
    background: url(../img/why/whyQuoteBg1@2x.png) no-repeat;
    background-size: 100% 100%;
    margin-left: -90px;
    margin-top: 50px;
    z-index: 1;
    float: right;
    padding-top: 55px;
    padding-bottom: 25px;
    position: relative;
}
.eightBanner .bgContent p{
   font-size: 18px;
   font-family: 'Avenir';
   line-height: 28px;
}
.eightBanner .redBGContent{
    background: url(../img/why/whyQuoteBg2@2x.png) no-repeat;
    background-size: 100% 100%;
}
.eightBanner .whyContent{
    padding-right: 133px;
}
.eightBanner .bgContent{
    padding-right: 40px;
}
/* .eightBanner .bgContent p{
    font-size: 18px;
} */
.eightBanner .yellowBGContent{
    background: url(../img/why/whyQuoteBg3@2x.png) no-repeat;
    background-size: 100% 100%;
    padding-top: 40px;
}
.eightBanner .yellowBGContent p{
    font-size: 16px;
    font-family: 'Avenir';
    color: #603821;
    line-height: 23px;
}
.eightBanner .bottomBox{
   display: flex;
   justify-content: space-between;
   align-items: flex-end;
   margin-top: 80px;
}
.eightBanner .bottomBox span{
    width: 132px;
    height: 33px;
    background: url(../img/why/whyQuoteLogo1@2x.png) no-repeat;
    background-size: 100% 100%;
}
.eightBanner .redBGContent .bottomBox span{
    width: 115px;
    height: 21px;
    background: url(../img/why/whyQuoteLogo2@2x.png) no-repeat;
    background-size: 100% 100%;
}
.eightBanner .yellowBGContent .bottomBox span{
    width: 111px;
    height: 35px;
    background: url(../img/why/whyQuoteLogo3@2x.png) no-repeat;
    background-size: 100% 100%;
}
.eightBanner .yellowBGContent .bottomBox{
   margin-top: 20px;
}
.eightBanner .bottomBox .infoBox{
    font-size: 13px;
    color: #FFFFFF;
    text-align: right;
}
.eightBanner .bottomBox .infoBox div:first-child{
    font-size: 22px;
    font-weight: bold;
}
.eightBanner .bottomBox img{
    display: inline-block;
    width: 102px;
    height: 74px;
    position: absolute;
    top: -50px;
    right: 20px;
}
.whyiContact{
    height: auto;
    padding: 120px 0;
}
.whyiContact p{
    font-size: 30px;
    padding: 0px 0;
    font-family: 'Avenir';
    font-weight: 500;
    color: #FFFFFF;
    line-height: 40px;
}
.whyiContact a{
    margin-top: 40px;
}
.en .whyiContact a.btnMedium {
    background-position: 192px 22px;
}
.nineBanner{
    padding: 110px 0 0;
}
.nineBanner .whyContent{
    max-width: 744px;
}
.nineBanner .whyFeatureImg{
    width: 350px;
    height: 500px;
}
.whyhomePartner{
    height: auto;
    margin: 70px 0;
}
/* .mHeader .hasSon:nth-child(3){
    display: none;
}  */
/* client页面 */
.clientPage{
    padding: 196px 0 164px;
    margin: 0;
    position: relative;
}
.clientPage .logo{
    display: inline-block;
    width: 134px;
    height: 34px;
    position: absolute;
    top: 50px;
    left: 104px;
}
.clientPage .formMain .item{
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.clientPage .formMain .item > * {
    width: 276px;
    margin-bottom: 0px;
}
.clientPage .formMain .item .iLeft {
    margin-right: 10px;
}
.clientPage .formMain .submitArea {
    margin: 0;
}
.clientPage .formMain .item .iRight,
.clientPage .formMain .btnSubmit {
    width: 210px;
    margin: 0 ;
}
.clientPage .formMain .item .txtIn {
    height: 46px;
    padding: 0 0 0 15px;
}
.clientPage h2 {
    font-size: 18px;
    line-height: 26px;
    padding-top: 0px;
    margin:17px auto 48px auto;
}
.clientPage img{
    display: block;
    width: 260px;
    height: 116px;
    margin: 0 auto 66px;
}
.clientPage .successInfo:before {
    width: 0;
    height: 0;
}
.clientPage .successInfo {
    width: 645px;
    left: 0;
    margin: 0 auto;
    top: 0;
    padding: 0;
}
.clientPage .successInfo h1{
   display: flex;
   justify-content: center;
   align-items: center;
}
.clientPage .successInfo h1 span{
   display: inline-block;
   width:40px ;
   height: 40px;
   background: url(../img/client/emoji_success@2x.png) no-repeat;
   background-size: 40px 40px;
   margin-right: 8px;
}
.clientPage .successInfo h2 span{
   color: rgba(249, 211, 0, 1);
   font-weight: bold;
}
.clientPage .successInfo .showTip{
    display: block;
    width: 234px;
    height: 46px;
    background: #4E34C5 url(../img/button-arr@2x.png) no-repeat 196px 18px;
    background-size: 19px auto;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    line-height: 46px;
    text-indent: -26px;
    border: none;
    border-radius: 5px;
    margin: 0 auto;
    cursor: pointer;
}
.tipMask{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    padding: 72px;
    display: none;
    /* align-items: center; */
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow-y: auto;
    box-sizing: border-box;
}
.tipMask .modalBox{
    width: 622px;
    height: 1500px;
    box-sizing: border-box;
    padding:48px 54px 53px;
    background: #FFFFFF;
    border-radius: 5px;
    position: relative;
}
.tipMask .modalBox h1{
    font-size: 30px;
    color: #333333;
    font-weight: 500;
    text-align: center;
    margin-bottom: 48px;
}
.tipMask .modalBox .title{
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #333333;
    margin-bottom: 14px;
}
.tipMask .modalBox .title span:first-child{
    display: block;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    background: #522EBB;
    border-radius: 50%;
    font-size: 13px;
    font-weight: bold;
    color: #FFFFFF;
    margin-right: 8px;
}
.tipMask .modalBox .title span:last-child{
    flex:1;
}
.tipMask .modalBox .img1{
    display: block;
    width: 459px;
    height: auto;
    margin-left: 26px;
    margin-bottom: 35px;
}
.tipMask .modalBox .img2{
    display: inline-block;
    width: 115px;
    height: auto;
    margin-left: 26px;
}
.tipMask .modalBox .img3{
    display: inline-block;
    width: 121px;
    height: auto;
    margin-left:8px;
}
.tipMask .modalBox .img4{
    display: block;
    width: 456px;
    height: auto;
    margin-left:26px;
    margin-bottom: 35px;
}
.tipMask .modalBox .img5{
    display: inline-block;
    width: 230px;
    height: auto;
    margin-left:26px;
    margin-bottom: 35px;
}
.tipMask .modalBox .img6{
    display: inline-block;
    width: 230px;
    height: auto;
    margin-left:26px;
}
.tipMask .modalBox .modalclose,
.landPageSuccessModal .content .modalclose{
    width: 58px;
    height: 58px;
    background: url(../img/ico-close-gray@2x.png) no-repeat center center;
    background-size: 18px 18px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

/* unSubscrie */
.unSubscribePage{
    background: #F9F9F9; 
    padding: 86px 135px; 
    box-sizing: border-box;
}
.unSubscribePage > *{
    box-sizing: border-box;
}
.unSubscribePage .outBox{
    width: 600px;
    background: #fff;
    padding-bottom: 64px;
    box-shadow: 0px 10px 23px 0px rgba(109, 109, 109, 0.08);
    border-radius: 10px;
    margin: 0 auto;
    overflow: hidden;
    font-size: 14px;
    color: #444444;
}
.unSubscribePage .outBox .banner{
    display: block;
    width: 100%;
    height: auto;
}
.unSubscribePage .outBox .title{
    font-size: 30px;
    text-align: center;
    font-weight: bold;
    color: #522DBB;
    margin: 63px 0 14px;
}
.unSubscribePage .outBox .subTitle{
    text-align: center;
    margin-bottom: 5px;
}
.unSubscribePage .outBox .subTitle span{
   font-weight: bold;
   color: rgba(68, 68, 68, 1);
}
.unSubscribePage .outBox .email{
    text-align: center;
    color: rgba(82, 45, 187, 1);
    font-size: 16px;
    margin-bottom: 39px;
}
.unSubscribePage .outBox .selectbox{
    padding: 0 45px;
}
.unSubscribePage .outBox .selectbox .ulBox{
    padding: 0 3px;
    margin-top: 19px;
    font-size: 14px;
    font-weight: bold;
    color: #444444;
}
.unSubscribePage .outBox .selectbox .ulBox li{
    margin-top: 19px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.unSubscribePage .outBox .selectbox .ulBox li .icon{
    width: 22px;
    height: 22px;
    margin-right:10px ;
    background: url(../img/email/ico_radio_off@2x.png) no-repeat;
    background-size: 22px 22px;
}
.unSubscribePage .outBox .selectbox .ulBox li.checked .icon{
    width: 22px;
    height: 22px;
    margin-right:10px ;
    background: url(../img/email/ico_radio_on@2x.png) no-repeat;
    background-size: 22px 22px;
}
.unSubscribePage .outBox .textAreaBox{
    padding: 0 36px;
    margin-top: 5px;
}
.unSubscribePage .outBox .textArea{
    width: 100%;
    min-height: 62px;
    border-color: rgba(217, 217, 217, 1);
    padding: 4px 10px;
}
.unSubscribePage .outBox .submit{
    width: 155px;
    height: 44px;
    background: #522DBB;
    border-radius: 26px;
    font-size: 16px;
    font-family: 'Avenir';
    color: #FFFFFF;
    line-height: 44px;
    text-align: center;
    margin:30px auto ;
    cursor: pointer;
}
.unSubscribePage .successOutBox{
    display: none;
}
.unSubscribePage .outBox .successOutBox .email{
    font-size: 14px;
    font-weight: bold;
}
.unSubscribePage .outBox .successOutBox .tip{
    display: flex;
    align-items: center;
    padding: 0 45px;
    margin-bottom: 15px;
}
.unSubscribePage .outBox .successOutBox .tip div{
    width: auto;
    font-size: 14px;
    color: #A3A3A3;
    margin:0 16px;
    text-align: center;
}
.unSubscribePage .outBox .successOutBox .tip span{
    flex: 1;
    height: 1px;
    background: rgba(151, 151, 151, 0.2);
}
.unSubscribePage .imgBox,
.unSubscribePage .img2Box{
    text-align: center;
}
.unSubscribePage .img2Box{
   margin-top: 26px;
}
.unSubscribePage .imgBox img{
    display: inline-block;
    width: 24px;
    height: 24px;
}
.unSubscribePage .imgBox img:nth-child(2){
    margin:0 30px;
}
.unSubscribePage .img2Box img:nth-child(1){
    display: inline-block;
    width: 109px;
    height: 36px;
    margin-right: 8px;
}
.unSubscribePage .img2Box img:nth-child(2){
    display: inline-block;
    width: 121px;
    height: 36px;
}

.cookiesStatementBar {
     font-size: 16px;
    color: #333;
    /* font-weight: 400; */
    font-weight: 500;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #f2f4fe;
    text-align: center;
    z-index: 999999;
    padding: 20px 20px 16px 20px;
    display: none;
    box-sizing: border-box;
}

.cookiesStatementBar p a {
    text-decoration: underline;
    color:#333
}

.cookiesStatementBar .btns {
    text-align: center;
    margin-top: 18px;
}

.cookiesStatementBar .btns a {
    margin: 0 3px;
}

.cookiesStatementBar .btns .btn {
    display: inline-block;
    width: 90px;
    border-radius: 999px;
    line-height: 32px;
}

.cookiesStatementBar .btns .accept {
    background: #4E34C5;
    color: #fff;
}

.cookiesStatementBar .btns .reject {
    color: #777;
    background: #fff;
}

.cookiesStatementBar .btns a.link {
    font-weight: 400;
    text-decoration: underline;
    color: #afa38e;
    font-size: 16px;
}

.cookiesStatementBar .iconicoCookiex {
    margin-right: 3px;
    font-size: 18px;
}
.openMeeriadOutBox{
    display: none;
}
/* landingpage modal */
.landPageSuccessModal{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 99999;
    display: none;
}
.landPageSuccessModal .content{
    width: 620px;
    height: 446px;
    margin:174px auto 0px;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    padding: 0 80px;
    box-sizing: border-box;
    position: relative;
}
.landPageSuccessModal .content .icon{
    display: block;
    width: 68px;
    height: 35px;
    margin:80px auto 0px;
}
.landPageSuccessModal .content .title{
    font-size: 40px;
    font-weight: 700;
    color: #333333;
    text-align: center;
    margin:45px auto 0 ;
}
.landPageSuccessModal .content .text{
    font-size: 18px;
    color: #333333;
    line-height: 26px;
    text-align: center;
    margin:17px auto 0 ;
}
.landPageSuccessModal .content .text span{
    color: rgba(78, 52, 197, 1);
    font-weight: 700;
}
.landPageSuccessModal .content .showTip{
    display: block;
    width: 234px;
    height: 46px;
    background: #4E34C5 url(../img/button-arr@2x.png) no-repeat 196px 18px;
    background-size: 19px auto;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    line-height: 46px;
    text-indent: -26px;
    border: none;
    border-radius: 5px;
    margin: 51px auto 0;
    cursor: pointer;
}

/* footer 底部 */
.mFooter{
    box-sizing: border-box;
    padding:65px 0 0  0;
    background: #291B6A;
    
}
#footerFrame{
    background: #291B6A;
    display: block;
}
.mFooter *{
    /* color: #fff !important; */
    color: #D6D0EF !important;
}
.mFooter .area{
    max-width: 1220px;
}
.mFooter .area .leftOutBox{
    max-width: 523px;
}
.mFooter .area .leftOutBox .logo {
    display: block;
    width: 468px;
    height: 55px;
    float: unset;
    margin-bottom: 13px;
    margin-right: 0;
    margin-left: 0px !important;
    position: relative;
    left: unset !important;
}
.mFooter .area .leftOutBox div {
    font-family: 'Avenir';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 38px;
    display: flex;
    align-items: center;
    color: #D6D0EF !important;
    margin-bottom: 14px;
}
.mFooter .area .leftOutBox p {
    font-family: 'Avenir';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 38px;
    display: flex;
    align-items: center;
    color: #D6D0EF;
}
.mFooter .area .lPart{
    display: flex;
}
.mFooter .area .lPart nav{
    display: inline-block;
    margin-right: 180px;
}
.mFooter .area .lPart nav:last-child{
    margin-right: 0px;
}
.mFooter .area .lPart .title{
    height: 20px;
    font-weight: 900;
    font-size: 14px;
    /* line-height: 36px; */
    color: #D6D0EF;
    margin-bottom: 18px;
}
.mFooter .area .lPart .aOutBox {
    /* line-height: 36px; */
    line-height: 24px;
    font-weight: 900;
}
.mFooter .area .lPart .aOutBox a{
    display: block;
    font-size: 14px;
    position: relative;
    padding-left:0px;
    color: #777777;
    margin-bottom: 12px;
}
.mFooter nav a:before {
    display: block;
    content: '';
    width: 0px;
    height: 0px;
    background: #D8D8D8;
    position: absolute;
    left: 15px;
    top: 5px;
}
iframe#footerFrame{ height: 356px; }
.mFooter .footFlexIconBox{
    display: flex;
    align-items: center;
    margin-bottom: 25px;

}
.mFooter .footFlexIconBox span{
    display: flex;
    align-items: center;

}
.iFeature4{
    background: url(../img/newWeb/recommend_bg@2x.png) no-repeat;
    background-size: 100% auto;
}
.iFeature4 .area{
    min-height: 433px;
    box-sizing: border-box;
    /* padding: 80px 100px; */
    display: flex;
    justify-content: center;
    overflow: hidden;
}
.iFeature4 img{
    display: block;
    width: 413px;
    height: 341px;
    align-self: flex-end;
}
.iFeature4 .leftBox{
    max-width: 518px;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 22px;
    margin-top: 80px;
    margin-right: 169px;
}
.iFeature4 .leftBox .title{
    min-height: 76px;
    font-size: 32px;
    font-weight: 500;
    color: #333;
    line-height: 38px;
    margin-bottom: 20px;
}
.iFeature4 .leftBox .btnMedium{
    display: inline-block;
    line-height: 52px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 0 60px 0 30px;
    background: #4E34C5 url(../img/button-arr@2x.png) no-repeat 215px 22px;
    background-size: 19px auto;
    border-radius: 5px;
    margin-top: 90px;
}
.en .iFeature4 .leftBox .btnMedium{
    background-position: 205px 22px;
}
.iFeature5{

    border-bottom: 1px solid #ECECEC;
} 
.iFeature5 .area{
    padding:97px 100px 123px;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
}    
.iFeature5 img{
    display: block;
    width: 385px;
    height: 537px;
}
.iFeature5 .rightBox {
    display: flex;
    flex-direction: column;
    align-items: center;
} 
.iFeature5 .rightBox .title{
    font-size: 20px;
    font-weight: 500;
    color: #333333;
    margin-bottom: 10px;
    text-align: center;
} 
.iFeature5 .rightBox .content{
    font-size: 32px;
    font-weight: 700;
    color: #4E34C5;
    margin-bottom: 80px;
    text-align: center; 
}   
.iFeature5 .rightBox img{
    display: block;
    width: 592px;
    height: 368px;
    margin-bottom: 53px;
}

.iFeature5 .rightBox .btnMedium{
    display: inline-block;
    line-height: 52px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 0 60px 0 30px;
    background: #4E34C5 url(../img/button-arr@2x.png) no-repeat 236px 22px;
    background-size: 19px auto;
    border-radius: 5px;
    margin-top: 90px;
}
.catelogIpartner{
    position: relative;
}
.catelogIpartner .area{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 100px 100px 94px;
    box-sizing: border-box;
}
.catelogIpartner .leftBox{
    max-width: 400px;
    font-size: 32px;
    font-weight: bold;
    color: #333333;
    line-height: 38px;
    margin-right: 165px;
}
.catelogIpartner .content{
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 22px;
    margin-top: 34px;
}
.catelogIpartner .imgIphone{
    height: 473px;
    width: auto;
    display: none;
}
.catelogIpartner .languageChange{
    height: 26px;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 26px auto 0;
}
.catelogIpartner .languageChange .languageImage{
   width: 60px;
   height: 26px;
   margin: unset;
   margin-left: 5px;
   cursor: pointer;
}
.catelogIpartner .img1{
    display: block;
    width: 233px;
    height: 193px;
    position: absolute;
    top: 0;
    right: 0;
    margin:0;
    z-index: -1;
}
.catelogIpartner .img2{
    display: block;
    width: 422px;
    height: 356px;
    position: absolute;
    left: 0;
    bottom: 0;
    margin:0;
    z-index: -1;
}
.catelogBlueBg{
    background: url(../img/newWeb/bg_xxx@2x.png) no-repeat;
    background-size: 100% auto;
    padding: 110px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 80px;
}

.catelogBlueBg .part{
    margin-right: 97px;
}
.catelogBlueBg .part:last-child{
    margin-right: 0px;
}
.catelogBlueBg .part .eachInfo{
    display: flex;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 60px;
}
.catelogBlueBg .part .eachInfo:last-child{
    margin-bottom: 0px;
}
.catelogBlueBg .part img{
    width: 48px;
    height: 48px;
    margin-right: 25px;
}
.catelogBlueBg .infoBox{
   max-width: 410px;
}
.catelogBlueBg .infoBox .title{ 
   margin-bottom: 12px;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 24px;
}
.catelogBlueBg .infoBox .content{ 
    line-height: 18px;
}
.tarinfMainOutBox{
    margin-top: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tarinfMainOutBox .eachOutBox{
    width: 356px;
    height:700px ;
    position: relative;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 27px 19px 0px rgba(66, 66, 66, 0.08);
}
.tarinfMainOutBox .each1{
    background: url(../img/newWeb/price_header_1@2x.png) no-repeat;
    background-size: 356px 302px;
}
.tarinfMainOutBox .each2{
    background: url(../img/newWeb/price_header_2@2x.png) no-repeat;
    background-size: 356px 302px;
    margin: 0 40px;
}
.tarinfMainOutBox .each3{
    background: url(../img/newWeb/price_header_3@2x.png) no-repeat;
    background-size: 356px 302px;
}
.tarinfMainOutBox .title{
    height: 28px;
    font-size: 22px;
    font-weight: 500;
    color: #FFFFFF;
    text-align: center;
    margin: 36px auto 70px;
}
.tarinfMainOutBox .money{
    height: 70px;
    font-size: 60px;
    font-weight: bold;
    color: #4930BC;
    text-align: center;
    margin-bottom: 66px;
}
.tarinfMainOutBox .each2 .money{
    color: #D96001;
}
.tarinfMainOutBox .each3 .money{
    color: #6FAE40;
    font-size: 32px;
    line-height:70px ;
}
.tarinfMainOutBox .money span{
    font-size: 26px;
}
.tarinfMainOutBox .text{
    height: 38px;
    font-size: 15px;
    font-weight: 500;
    color: #333300;
    line-height: 19px;
    margin-bottom:42px ;
    text-align: center;
}
.tarinfMainOutBox img{
    display: block;
    width: 20px;
    height: 28px;
    margin: 0 auto 26px;
}
.tarinfMainOutBox .label{
    max-width: 259px;
    padding: 15px 0;
    font-size: 15px;
    font-weight: 400;
    color: #5F5F5F;
    line-height: 19px;
    text-align: center;
    margin: 0 auto;
    border-top: 1px solid #dbd9d9;
}
.tarinfMainOutBox .button{
    width: 178px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: #D96001;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    position: absolute;
    left: 50%;
    margin-left: -89px;
    bottom:30px ;
    cursor: pointer;
}
.tarifForm .label{
    max-width: 518px;
    height: 44px;
    font-size: 16px;
    font-weight: 400;
    color: #F6F6F6;
    line-height: 22px;
    text-align: center;
    margin:0 auto 50px
}
.clientPage div{
    box-sizing: border-box;
}
.demoPage{
    border-bottom: 1px solid #ECECEC;
}
.demoPage .tabBox{
    height: 100px;
    border-bottom: 1px solid #E4E2EC;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.demoPage .tabBox .eachtab{
    width: 300px;
    padding: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 500;
    color: #1D1550;
    cursor: pointer;
}
.demoPage .tabBox .eachtab span{
    display: block;
    width: 18px;
    height: 17px;
    margin-right: 6px;
    flex-shrink: 0;
}
.demoPage .tabBox .tab1 span{
    background: url(../img/newWeb/ico_tab_calender_off@2x.png) no-repeat;
    background-size: 100% 100%;
}

.demoPage .tabBox .tab2 span{
    background: url(../img/newWeb/ico_tab_contact_off@2x.png) no-repeat;
    background-size: 100% 100%;
}
.demoPage .tabBox .checked{
    color: #4E34C5;
    border-bottom: 2px solid #4E34C5;
}
.demoPage .tabBox .checked .img1{
    background: url(../img/newWeb/ico_tab_calender_on@2x.png) no-repeat;
    background-size: 100% 100%;
}

.demoPage .tabBox .checked .img2{
    background: url(../img/newWeb/ico_tab_contact_on@2x.png) no-repeat;
    background-size: 100% 100%;
}
.demoPage .area{
    box-sizing: border-box;
}
.demoPage .demoPart{
    padding: 128px 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.demoPage .demoPart img{ 
    max-width: 308px;
    height: auto;
    margin-right: 121px;
}
.demoPage .demoPart .infoBox{ 
    width: 100%;
}
.demoPage .demoPart .infoBox .title{ 
    font-size: 32px;
    font-weight: bold;
    color: #333333;
    line-height: 38px;
    margin-bottom: 17px;
    text-align: center;
}
.demoPage .demoPart .infoBox .content{ 
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 22px;
    margin-bottom: 70px;
    text-align: center;
}
.demoPage .demoPart .btnMedium{ 
    background-position: 174px 22px;
}
.demoPage .formPart{
    display: none;
}
.demoPage .formPart .contactUs{
    background: unset;
    background-size: unset;
    margin-top: 0px;
    padding: 80px 0;
    position: relative;
}
.demoPage .formPart .contactUs h1{
    width: 100%;
    font-size: 32px;
    color: #333;
    margin-bottom: 16px;
}
.demoPage .formPart .contactUs h2{
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    margin-bottom: 44px;
    padding-top: 0;
}
.demoPage .formPart .contactUs .formMain .choiceRes,
.demoPage .formPart .contactUs .formMain .item label{
    color:#333 ;
}
.demoPage .formPart .contactUs .formMain .item .txtIn,
.demoPage .formPart .contactUs .formMain .item textarea {
    border: 2px solid rgba(78, 52, 197, 0.2);
}
.demoPage .formPart .contactUs .successInfo{
    color: #333333;
    width: 800px;
    margin-left: -404px;
}
.demoPage .formPart .contactUs .successInfo a {
    display: block;
    width: 176px;
    height: 44px;
    background: #4E34C5;
    text-align: center;
    line-height: 44px;
    border: none;
    border-radius: 4px;
    color: #fff;
    font-weight: 500;
    margin: 35px auto 0 auto;
    font-size: 16px;
}
.grayline{
    height: 1px;
    background: #ECECEC;
}
.newContactForm{
    background: unset;
}
.newContactForm h2 {
    max-width: 592px;
}
.newContactForm .formMain .item .txtIn {
    border: 2px solid rgba(78, 52, 197, 0.2);
}
.newContactForm .screenW {
    width: 373px;
    height: auto;
    position: absolute;
    right: 0px;
    top: 60px;
}
.newContactForm .screenW .screen {
    position: unset;
    width: unset;
    left: unset;
    top: unset;
    width: 100%;
    height: 100%;
    display: block;
}
.newContactForm .successInfo{
    color: #333;
    max-width: 402px;
    display: none;
    text-align: center;
    position: relative;
    left: unset;
    margin: 0 auto;

}
.newContactForm .successInfo a {
    display: block;
    width: 173px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: #4E34C5;
    border-radius: 5px;
    font-size: 16px;
    font-family: 'Avenir';
    color: #FFFFFF;
    margin: 60px auto 0 auto;
}
.newContactForm .successInfo:before {
    display: block;
    content: '';
    width: 53px;
    height: 98px;
    background: url(../img/ico-rocket@2x.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left: 50%;
    margin-left: -26px;
    top: -150px;
}
.recommanderForm{
    margin-top: 0px;
    background: none;
}
.recommanderForm *{
    color: #333 !important;
}
.recommanderForm .formMain .btnSubmit {
    color: #fff !important;
}
.recommanderForm h2 {
    padding-top: unset;
    margin: 75px auto 18px auto;
}
.recommanderForm .label {
    margin: 75px auto 44px;
    max-width: 700px;
    height: auto;
}
.recommanderForm .formMain .item .txtIn {
    background: #F8F6FD;
    width: 100%;
    border-radius: 4px;
    color: #796B9C !important;
    padding: 11px 0 11px 15px;
    box-sizing: border-box;
    border: 2px solid rgba(78, 52, 197, 0.2);
    font-size: 15px;
}
.recommanderForm .formMain .item textarea {
    background: #F8F6FD;
    width: 710px;
    height: 127px;
    resize: none;
    border-radius: 4px;
    color: #796B9C !important;
    padding: 11px 0 11px 15px;
    box-sizing: border-box;
    border: 2px solid rgba(78, 52, 197, 0.2);
    font-size: 15px;
}
.recommanderMarche{
    min-height: 500px;
    background: url(../img/newWeb/bg_xxx@2x.png) no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}
.recommanderMarche .title{
    height: 44px;
    font-size: 32px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 44px;
    text-align: center;
    margin: 85px auto 81px;
}
.recommanderMarche .mainInfo{
    display: flex;
    justify-content: center;
}
.recommanderMarche .eachInfo{
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 18px;
    text-align: center;
}
.recommanderMarche .each1 span{
    display: block;
    width: 60px;
    height: 58px;
    background: url(../img/newWeb/ico_recommend_1@2x.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto 34px;
}
.recommanderMarche .each2 span{
    display: block;
    width: 55px;
    height: 56px;
    background: url(../img/newWeb/ico_recommend_2@2x.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto 37px;
}
.recommanderMarche .each3 span{
    display: block;
    width: 57px;
    height: 57px;
    background: url(../img/newWeb/ico_recommend_3@2x.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto 40px;
}
.recommanderMarche .eachInfo .eachTitle{
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    margin-bottom: 12px;
}
.recommanderMarche .eachInfo .eachcontent{
    max-width: 245px;
    margin: 0 auto;
}
.recommanderMarche .each2{
    margin: 0px 100px;
}
.recommanderForm .successInfo {
    width: 670px;
    left: 50%;
    margin-left: -335px;
    top: 300px;
}
.recommanderForm .successInfo a{
    width: 155px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: #4E34C5;
    border-radius: 5px;font-size: 16px;
    font-weight: 500;
    color: #FFFFFF !important;
}
.recommanderForm .successInfo p {
    width: 100%;
    text-align: center;
}
.mHeader #requestDemo{
    border-radius: 25px;
    margin-right: 12px !important;
}
.mHeader .androDownloadforMobile{
    display: none ;
}

.mHeader .codeOutBox{
    height: 96px;
    /* display: flex; */
    display: none;
    align-items: center;
    margin-right: 30px;
}
.mHeader .androDownload{
    display: flex !important; 
    align-items: center !important;
    justify-content: center !important;
    min-width: 131px !important;
    padding: 0 10px;
    height: 40px!important;
    background: rgba(78, 52, 197, 0)!important;
    border-radius: 20px!important;
    border: 1px solid #333333!important;
    font-size: 16px!important;
    font-weight: 500!important;
    color: #333!important;
    line-height: 40px!important;
    text-align: center!important;
    cursor: pointer !important;
    position: relative !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
}
.mHeader .androDownload span{
    display: block;
    width: 20px;
    height: 24px;
    background: url('../img/android@2x.png') no-repeat;
    background-size: 100% 100%;
    margin-right: 7px;
}
.mHeader  .onOpenCode .codeImage{
    display: flex !important;
}
.mHeader .androDownload .codeImage{
    width: 220px;
    min-height: 243px;
    padding-bottom: 10px;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: -260px;
    left: 50%;
    margin-left: -110px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #E8E8E8;
    box-shadow: 0 17px 14px 0 rgba(66,66,66,0.08); 
    box-sizing: border-box;
}

.mHeader .androDownload .codeImage::after{
    display: block;
    content: '';
    position: absolute;
    width: 15px;
    height: 9px;
    background: url(../img/tips-arr-top@2x.png) no-repeat;
    left: 100px;
    top: -9px;
    background-size: 100%;
}
.mHeader .androDownload .codeImage div{
    font-weight: 500;
    font-size: 15px;
    text-align: center;
    color: #666666;
    margin-bottom: 3px;
    margin-top: 13px;
    line-height: 17px;
}
.mHeader .androDownload .codeImage img{
    width: 200px;
    height: 200px;
}

.mFooter #mobileFootLogo{
    display: none;
}
.mFooter #pcFootLogo{
    display: block;
}



.mHeader .solutionsHeader{
    position: relative;
    height: 60px;
    display: flex;
    align-items: center;
}
.mHeader .solutionsHeader *{
    box-sizing: border-box;
}
.mHeader .solutionsHeader .solutionsDrop{

    width: 838px;
    height: 404px;
    position: absolute;
    top: 52px;
    left: 15px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #B8B8DD;
    box-shadow: 0px 25px 35px 0px rgba(42, 30, 91, 0.30);
    display: none;
    overflow: hidden;
    
}
.mHeader  .solutionsHeader.on .solutionsDrop{
    display: flex;
    
}
.mHeader  .solutionsHeader .solutionsDrop:hover{
    display: flex;
    
}
.mHeader .solutionsHeader .solutionsDrop .title{
    color: #333;
    font-family: Avenir;
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 30px;
    padding-left: 30px;
    text-transform: none;
    
}
.mHeader .solutionsHeader .solutionsDrop .left{
    width: 400px;
    padding-left: 40px;
    padding-right: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
}
.mHeader .solutionsHeader .solutionsDrop .left a{
    width: auto;
    display: inline-flex;
    min-height: 20px;
    line-height: 20px;
    cursor: pointer;
    margin-bottom: 18px;
    color: #291B6A !important;
    font-family: Avenir;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
    position: relative;
    padding-bottom: 2px;
    overflow: hidden;
}
/* .mHeader .solutionsHeader .solutionsDrop .left a:hover{
    text-decoration: underline !important;
} */
.mHeader .solutionsHeader .solutionsDrop .left a::after{
    content: '';
    z-index: 0;
    position: absolute;
    background-color: #896CFA;
    /* opacity: 0.5; */
    width: 100%;
    height: 2px;
    bottom: 0px;
    border-radius: 20px;
    left: 20px;
    visibility: hidden;
    transform: scaleX(0);
    transition: transform 300ms ease-in-out;
}
.mHeader .solutionsHeader .solutionsDrop .left a:hover::after{
    visibility: visible;
    transform: scaleX(1);
}
.mHeader .solutionsHeader .solutionsDrop .left a div{
    width: 14px;
    height: 14px;
    background: url('../img/handicap/sol_menu_dot@2x.png') no-repeat;
    background-size: 100% 100%;
    margin-right: 10px;
    flex-shrink: 0;
    margin-top: 5px;
}



.mHeader .solutionsHeader .solutionsDrop .right{
    width: 438px;
    padding-left: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    background: #F8F8F8;
}

.mHeader .solutionsHeader .solutionsDrop .right .title{
    padding-left: 9px;
}
.mHeader .solutionsHeader .solutionsDrop .right .eachInfo{
    margin-bottom: 37px;
    display: flex;
    align-items: center;
}
.mHeader .solutionsHeader .solutionsDrop .right .eachInfo .icon{
    width: 50px;
    height: 50px;
    margin-right: 10px;
    flex-shrink: 0;
}
.mHeader .solutionsHeader .solutionsDrop .right .eachInfo .icon1{
    background: url('../img/handicap/sol_menu_1@2x.png') no-repeat;
    background-size: 100% 100%;
}
.mHeader .solutionsHeader .solutionsDrop .right .eachInfo .icon2{
    background: url('../img/handicap/sol_menu_2@2x.png') no-repeat;
    background-size: 100% 100%;
}
.mHeader .solutionsHeader .solutionsDrop .right .eachInfo .icon3{
    background: url('../img/handicap/sol_menu_3@2x.png') no-repeat;
    background-size: 100% 100%;
}
.mHeader .solutionsHeader .solutionsDrop .right .eachInfo .label{
    color: #6051A6;
    font-family: Avenir;
    font-size: 14px;
    font-weight: 800;
    text-transform: none;
    line-height: normal;
}
.mHeader .solutionsHeader .solutionsDrop .right .eachInfo .value{
    color: #291B6A;
    font-family: Avenir;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
    line-height: normal;
}





















/* mobile */

@media only screen and (max-width:1366px){
    iframe#footerFrame{ height: 356px }
    .mFooter{ padding: 44px 20px; }
    .mFooter .area .lPart nav{ margin-bottom: 20px; }
    .mFooter nav a{ padding-left: 28px; }
    .mFooter nav a:before{ left: 12px; }
    .mFooter .rPart{ float: left; margin-top: 20px;}
    .mFooter .rPart a{ margin-left: 0; margin-right: 5px;}
    .mFooter .rPart img{ float: left;}
    .mFooter .rPart div div{
        justify-content: flex-start !important;
    }
} 
@media only screen and (min-width:999px) and (max-width:1240px) {

    div{box-sizing: border-box;}
    
    .mFooter{ padding: 44px 20px; }
    .mFooter .area .lPart nav{ margin-bottom: 20px; }
    .mFooter nav a{ padding-left: 28px; }
    .mFooter nav a:before{ left: 12px; }
    .mFooter .rPart{ float: left; margin-top: 20px;}
    .mFooter .rPart a{ margin-left: 0; margin-right: 5px;}
    .mFooter .rPart img{ float: left;}
    .mFooter .rPart div div{
        justify-content: flex-start !important;
    }
    .area{ width: 100%;padding: 0 20px; }
    .mHeader .logo {
        left: 20px;
    }
	.iPartner img{ height: 72px; }
	.iBanner .area .txtArea{ margin-left: 0; }

	.iFeature1 .feaContent .txtArea{ width: 468px; }
	.iFeature2 .feaContent .txtArea,.iFeature2 .feaTitle{ width: 524px; }
	.iData ul li,.en .iData ul li{ width: 297px; margin-left: 53px;}
	.iData ul li:nth-child(1){ margin-left: 0; }
	.catalogueList .clMain .item{ width: 300px; height: 379px;margin-bottom: 50px; margin-right: 48px;}
	.catalogueList .clMain{ width: 100%; }
	.catalogueList .clMain .item .cover{ height: 175px; }
	.cataContent dl.left{ width: 188px; }
	.catacMain{ width: 780px; }
	.catacMain:before{ display: none; }
	.cataList li{ width: 233px; margin-bottom: 25px;}
	.cataContent .sideCTA{ width: 289px; padding: 48px 22px 40px 29px; }
	.cataContent .cataText{ width: 680px; }
	.blogList{ width: auto; }
	.relatedArticle h2{ padding-left: 0; }
	.relatedArticle .cataList li{ margin-left: 0; margin-right: 24px; }
    .cataContent .sideCTA .chat{bottom: -69px;}
    .fourBanner{
        padding: 0;
    }
    .twoBanner .leftBox {
        margin-right: 0px;
    }
    .whyBanner .imgBox {
        width: 405px;
        height: 220px;
        position: absolute;
        right: 50px;
        top: 196px;
        border-radius: 12px;
        overflow: hidden;
    }
    .whyBanner .imgBox img {
        display: inline-block;
        width: 405px;
        height: 220px;
    }

    .openMeeriadOutBox{
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99999;
        background: #fff;
        box-sizing: border-box;
        width: 100%;
        padding: 15px 20px;
        display: none;
        box-shadow: 0px 7px 12px 0px rgba(51, 51, 51, 0.12);
        padding: 4%;
    }
    .openMeeriadOutBox .openMeeriadBox{
        display: flex;
        justify-content: space-between;
    }
    .openMeeriadOutBox .openMeeriadBox .infoBox{
         flex: 1;
         margin-right: 18px;
    }
    .openMeeriadOutBox .openMeeriadBox img{
        display: block;
        width: 30px;
        height: 30px;
    }
    .openMeeriadOutBox .openMeeriadBox .infoBox span{
         flex:1;
         font-size: 25px;
         font-weight: 500;
         color: #333333;
         line-height: 18px;
    }
    .openMeeriadOutBox .openMeeriadBox .buttonBox{
        display: flex;
        align-items: center;
        margin-top: 11px;
    }
    .openMeeriadOutBox .openMeeriadBox .openMeeriad{
         width: 146px;
         height: 36px;
         background: #4E34C5;
         border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        font-weight: 500;
        color: #FFFFFF;
        margin-right: 10px;
    }
    .openMeeriadOutBox .openMeeriadBox .downloadMerriad{
         width: 102px;
         height: 36px;
         background: #53D2CC;
         border-radius: 4px;
         display: flex;
         align-items: center;
         justify-content: center;
         font-size: 14px;
         font-weight: 500;
         color: #FFFFFF;
    }
    .openMeeriadOutBox .openMeeriadBox .openMeeriad img{
        display: block;
        width: 17px;
        height: 17px;
        background: #fff;
        border-radius: 5px;
        margin-right: 8px;
    }
    .iFeature5 .area {
       padding: 50px 0;
    }
    
    .iFeature1 .mainImageBox{
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto;
        position: relative;
        top: unset;
        left: unset;
        margin-left: unset;
        margin-top: 20px;
    }
    .iFeature1 .imageShowBox .hoverArea,
    .iFeature1 .mainImageBox .smallQuan{
        display: none;
    }
    .iFeature1 .contentShowBox .eachContent1,
    .iFeature1 .contentShowBox .eachContent2,
    .iFeature1 .contentShowBox .eachContent3{
        max-width: 100%;
        text-align: center;
        position: relative;
        top: unset;
        left: unset;
        right: unset;
        bottom: unset;
        margin-left: unset;
        margin-bottom: 20px;
        display: block;
    }
    .iFeature1 .contentShowBox .smallQuan{
        display: block;
    }
}

@media only screen and (min-width:999px) and (max-width:1115px) {
    iframe#footerFrame{ height: 520px }
}
@media only screen and (max-width:999px){
    .mHeader .mainNav span{
        display: unset !important;
    }
    .mHeader .mainNav .solutionsHeader.lans{
        position: unset;
        float: unset !important;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 0!important;
        border-bottom: 1px solid #e5e5e5;
        color: #6051A6 !important;
        font-weight: 500;
    }
    .mHeader .mainNav .solutionsHeader .solutionsDrop{
        width: 90%;
        flex-direction: column;
        height: auto;
        top: 80px;
        left: 20px;
    }
    .mHeader .mainNav .solutionsHeader .solutionsDrop .left,
    .mHeader .mainNav .solutionsHeader .solutionsDrop .right{
        width: 100%;
        padding-left: 20px;
        padding-top: 20px;
    }
    .mHeader .mainNav .commA, .mHeader .showCTA, .mHeader .showCTA_en,
    .mHeader .lans,.mHeader .webappLogin,
    .mainContentBox .homeBannerBox .bannerLeftBox a button,
    .concatBox .demoPage .eachtab,
    .mFooter .area .lPart .aOutBox a{
        font-size: 16px !important;
    }
    .mFooter .area .leftOutBox #mobileFootLogo {
        margin: unset !important;
        margin-bottom: 34px !important;
    }
    .mFooter .area .lPart .aOutBox a{
        margin-bottom: 20px;
    }
    div{box-sizing: border-box;}
    iframe#footerFrame{ height: 700px !important; }
	.contactForm h2{ padding: 35px 0 0 0; width: 620px; font-size: 23px;}
	.contactForm .formMain .item .txtIn{ padding: 8px 0 8px 12px; font-size: 14px; }
	.contactForm .formMain .item label{ font-size: 13px; padding-bottom: 6px; }
	.contactForm .formMain .tips{ top: 13px; }
	.contactForm .submitArea .btnSubmit{ height: 42px; line-height: 42px; }
	.contactForm .formMain .item > *{margin-bottom: 18px;}
	.contactForm{ height: 564px; margin-top: -282px;}
	.contactForm .formMain .scrollArea{ height: 310px; }
	.contactForm .screenW{ top: 28px; }
    .contactForm .formMain p.des{ margin-top: 17px; margin-bottom: 23px; }
    
    .mFooter .area{
        display: flex;
        flex-direction: column;
    }

    /* header设置 */
    .mHeader .Adjustment-B .Adjustment-C {
        left: 0;
    }



    .mFooter .area .leftOutBox div {
        line-height: 24px;
    }
    .mFooter .area .leftOutBox .copyright {
        display: block;
        line-height: 24px;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .mFooter .area .lPart .aOutBox {
        line-height: 20px;
    }

} 
@media only screen and (min-width:999px) and (max-width:1250px) {
    /* header-过渡到手机样式 */
    #pourquoi_meeriad,#clients,#nos_offres_tarifs, .logo {
        margin-left: -8px !important;
        position: relative;
        left: 85px !important;
    }
    #connexion, #requestDemo {
        left: 140px;
    }

    .mFooter #mobileFootLogo{
        display: none;
    }
    .mFooter #pcFootLogo{
        display: block;
    }
}

@media only screen and (max-width:999px) {

    .mFooter #mobileFootLogo{
        display: block;
    }
    .mFooter #pcFootLogo{
        display: none;
    }
    div{box-sizing: border-box;}
    
    .mFooter .rPart div div{
        justify-content: flex-start !important;
    }
    .mFooter .footFlexIconBox{
        display: flex;
        /* flex-direction: column; */
        flex-wrap: wrap;
        align-items: unset;
        margin-bottom: 25px;
    
    }
    .mFooter .footFlexIconBox span{
        margin-bottom: 25px;
    
    }
    .mFooter .area {
        display: flex;
        flex-direction: column;
    }
	.forPC{ display: none !important; }
    .forMobile{ display: block !important; }
	html,
    body {
        overflow-x: hidden;
        padding-top: 0;
    }

    .left,
    .right {
        float: none;
    }

    .area {
        width: auto;
    }
    .twoBanner  .area,
    .threeBanner  .area,
    .fiveBanner  .area,
    .sixBanner  .area{
        width: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .commText .area {
        width: auto;
        border-radius: none;
    }

    .commText .content {
        padding: 30px 25px;
    }

    .mHeader {
        z-index: 105;
        position: fixed;
        height: 70px;
        background: #fff;
        width: 100%;
        top: 0;
        left: 0;
        margin-left: 0;
        box-shadow: 0 2px 17px 0 rgb(0, 0, 0,  7%);
        padding: 0 ;
    }
    .mHeader #requestDemo{
        line-height: 25px!important;
        height: 40px;
        border-radius: 40px;
        line-height: 40px;
        box-sizing: border-box;
    }
    .mHeader .webappLogin {
        display: inline-block;
        padding: 0;
        text-transform: uppercase;
        background: #fff;
        border-radius: 40px!important;
        border: 1px solid #6051A6!important;
        font-size: 14px!important;
        font-weight: 900!important;
        color: #6051A6!important;
        text-align: center!important;
        margin-right: 0px !important;
        line-height: 40px !important;
        height: 40px !important;
        box-sizing: border-box;
    }

    a.toggle {
        display: block;
    }

    .menu {
        background: #fff;
        position: fixed;
        top: -500px;
        left: 0;
        width: 100%;
        max-height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        margin-top: 0;
        z-index: 10;
        transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s;
        box-shadow: 0 0 15px rgba(0, 0, 0, .2);
        padding-bottom: 30px;
    }

    .menu.on {
        top: 70px;
    }

    .menu .mainNav {
        float: none;
        right: 0;
        display: block;
        align-items: unset;
        justify-content: unset;
    }

    .menu .userArea {
        float: none;
        margin-left: 0;
        margin-top: 0;
    }

    .menu a.cta {
        margin-left: 0;
        width: 100%;
        height: 54px;
        line-height: 54px;
        text-align: center;
        border: none;
        float: none;
        font-size: 18px;
        color: #6051A6;
        font-weight: 500;
        text-align: center;
        display: block;
        padding: 0;
    }

    .mHeader .lans {
        margin-top: 21px;
        position: fixed;
        right: 0px;
        top: -8px;
        z-index: 11;
    }
    .mHeader .dropdown.chooseLan{left: -30px;}
    .mHeader .menu a.commA{ border-bottom: none; line-height: 44px; }

    .mHeader .lans a {
        margin-right: 16px;
        position: relative;
        font-size: 18px;
        font-weight: 500;
        color: #291B6A;
    }

    .mHeader .lans a.on {
        color: #4E34C5;
    }

    .mHeader .lans a:nth-child(1):before {
        width: 1px;
        height: 16px;
        background: #C3C3C3;
        position: absolute;
        content: '';
        display: block;
        right: -10px;
        top: 4px;
        position: absolute;
    }

    .mHeader .webappLogin{
        display: block;
        width: auto !important; 
        margin: 0 15px !important;
        text-indent: 0px !important;
    }
    .mHeader .codeOutBox{
       display: none !important;
    }
    .mHeader .codeOutBox{
       display: none !important;
    }
    .mHeader .androDownloadforMobile{
        /* display: flex ;  */
        display: none !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        height: 40px!important;
        background: rgba(78, 52, 197, 0)!important;
        border-radius: 20px!important;
        border: 1px solid #333333!important;
        font-size: 16px!important;
        font-weight: 500!important;
        color: #333!important;
        line-height: 40px!important;
        margin: 0 15px !important;
        margin-top: 20px !important;
        box-sizing: border-box !important;
        text-indent: 0 !important;
    }
    .mHeader .androDownloadforMobile span{
        display: block;
        width: 20px;
        height: 24px;
        background: url('../img/android@2x.png') no-repeat;
        background-size: 100% 100%;
        margin-right: 7px;
    }
    /* } */
    .menu .userArea:before,
    /*.mHeader .lans a:nth-child(1):before {
        display: none;
    }*/

    .mHeader .menu .mainNav  a.commA {
        float: none;
        display: block;
        margin-left: 0;
        /* text-align: left; */
        height: 55px;
        line-height: 55px;
        font-weight: 500;
        border-bottom: 1px solid #e5e5e5;
        width: 100%;
        margin-left: 0;
        font-size: 18px;
        /* text-indent: 64px; */
        text-align: center;
    }

    .mHeader .mainNav .commA{ display: block; float: none; }
    .menu .mainNav {
        margin-top: 0;
    }

    .menu .mainNav a.commA {
        margin-left: 0;
        margin-top: 0;
    }

    

    a.toggle {
        position: absolute;
        left: 9px;
        top: 10px;
        width: 44px;
        height: 44px;
        z-index: 11;
    }

    a.toggle img {
        display: block;
        position: absolute;
        width: 18px;
        height: 16px;
        left: 50%;
        top: 50%;
        margin-left: -9px;
        margin-top: -8px;
    }

    a.toggle img.t2 {
        opacity: 0;
    }

    .mHeader .on .dropdown{ display: block; }
    .mHeader .dropdown{ position: static; width: 100%; border: none; box-shadow: none; padding: 14px 28px 0 19px;}
    .mHeader .mainNav .commA.hasSon{ margin-right: 0; padding-right: 0; margin-top: 0; padding-bottom: 0;border-bottom: 1px solid #e5e5e5;padding-left: 64px;font-size: 18px;}
    .mHeader a.showCTA,.mHeader a.showCTA_en{ width: auto; margin: 15px; display: block; height: 44px; line-height: 44px; float: none; text-align: center; padding: 0; }
    .mHeader .mainNav .commA.hasSon span.aFa{  display: block; font-size: 18px; line-height: 55px;text-indent: 64px;border-bottom: 1px solid #e5e5e5;}
    .mHeader .dropdown:before,.mHeader .mainNav .commA.hasSon:before, .mHeader .lans span:before{ display: none; }
    .mHeader .dropdown em{ font-size: 15px;     margin-bottom: 3px;}
    .mHeader .dropdown .aSon{ padding-bottom: 13px;     }
    .mHeader .dropdown .a1:before{ display: none; }
    .mHeader .dropdown .a3:before{ display: none; }
    .mHeader .dropdown .a4:before{ display: none; }
    .mHeader .area{ position: relative; width: 100%; height: 100%; }
    .mHeader .area:before{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #fff; z-index: 11;box-shadow: 0 0 15px rgba(0, 0, 0, .2);}
    .mHeader .dropdown .a2:before {
        display: none;
    }
    .mHeader .logo {
        width: 110px;
        position: absolute;
        left: 50%;
        margin-left: -55px;
        margin-top: 0;
        top: 20px;
        z-index: 12;
    }
    .contactForm{ z-index: 107; width: 100%; box-sizing: border-box; padding: 0 20px; left: 0; margin-left: 0; top: 0; margin-top: 0; position: absolute; height: auto; border-radius: 0;}
    .contactForm .bg{ transform: none; left: 0; }
    .contactForm .screenW{ display: none; }
    .contactForm h2{ font-size: 23px; padding: 35px 30px 0 0; width: auto;}
    .contactForm .formMain p.des{ width: auto; }
    .contactForm .formMain .item > *{ float: none; width: auto; margin-bottom: 24px;}
    .contactForm .formMain .scrollArea{ height: auto; width: auto; overflow-y: visible; }
    .contactForm .formMain .item .iLeft{ margin-right: 0; }
    .contactForm .formMain .recList{ margin-right: 24px; }
    .contactForm .recList li .addNew{ right: -28px; }
    .contactForm .formMain .submitArea{ width: auto; padding-bottom: 30px;}
    .contactForm .submitArea .btnSubmit{ width: 100%; text-indent: 0; background-image: none;}
    .contactForm > .closeMe{ background-image: url(../img/ico-close-gray@2x.png); opacity: 0.4;}
    .contactForm > .closeMe.done{ background-image: url(../img/ico-close@2x.png); opacity: 1; }
    .successInfo{ width: auto; left: 0; top: 200px; }
    .successInfo p{ width: auto; }

    .iBanner{ margin-top: 70px; }
    .iPhoneArea{ position: relative; top: auto;  right: auto; margin: 0 auto; width: 100%;}
    .iPhoneArea .videoWrap .iPhone {
        display: block;
        width: 100%;
    }
    .iPhoneArea .videoWrap:before {
        display: none;
        content: '';
        width: 100%;
        height: 18px;
        background: url(../img/iphone-shadow@2x.png) no-repeat;
        background-size: 100%;
        position: absolute;
        left: 0px;
        bottom: 18px;
        z-index: 1;
    }
    .iPhoneArea .bubble2{ display: none; }
    .iBanner .area .txtArea{ margin: 134px 30px; text-align: center;}
    .iBanner .area .txtArea .ibTitle{ width: auto; }
    .iBanner .area .txtArea .titleMain{ font-size: 40px; line-height: 50px; }
    .iBanner .area .txtArea .ibTitle p{ margin-top: 24px; }
    .iBanner .area .txtArea .btnArea p{ width: auto !important; }
    .iBanner .area .txtArea .btnArea{ margin-top: 98px; }
    .iPhoneArea .videoWrap:after{ background: #dfe5fe; }
    .homePartner{ height: auto; margin: 30px 0 0 0; }
    .iBanner .area .txtArea .btnArea{ text-align: center; margin-top: 39px;}
    .iPartner h2 { padding: 45px 0 52px 0; }
    .iPartner img{ display: block; margin: 0 auto; opacity: 1; filter: grayscale(0%)}
    .iFeature1{ padding-top: 99px; }
    .iFeature1 .area{ padding: 0 30px; }
    .feaTitle{width: auto; font-size: 18px; line-height: 35px;}
    .iFeature1 .feaContent{ padding-top: 55px; }
    .iFeature1 .feaContent .txtArea { width: auto; margin-left: 0; text-align: center;}
    .iFeature .feaContent .txtArea li{ text-align: left; }
    .iFeature1 .feaContent .txtArea p{ text-align: center; font-size: 18px; line-height: 24px; }
    .feaTitle em{ font-size: 32px; }
    .feaTitleIn{ font-size: 26px; color: #333; letter-spacing: 0; text-transform: none; }
    .feaTitleIn em{ font-size: 26px; display: inline-block; }
    .iFeature1 .screenArea{ position: relative; top: auto; right: auto; margin: 110px auto 0 auto; width: 320px;}
    .iFeature .screen1{ right: auto; left: 0; }
    .iFeature .screen2{ right: auto; left: 140px;}
    .iFeature1 .bubble1{ display: none; }
    .iFeature2{ margin-top: 460px; padding: 0 30px;}
    .iFeature1a{ margin-top: 292px; }
    .iFeature1a .txtArea h2.feaTitle{ text-align: center; }
    .iFeature2 .feaTitle{ width: auto; float: none; text-align: center;}
    
    .iFeature2 .bubble1{ display: none; }
    .iFeature2 .screenArea{ left: auto; top: auto; width: 320px; margin: 96px auto;}
    .iFeature2 .feaContent .txtArea{ width: auto; text-align: center;}
    .iData{ padding-top: 466px; padding-bottom: 50px;}
    .iData ul{ padding-top: 40px; padding-left: 30px; padding-right: 30px; }
    .iData ul li span{ margin-left: 120px; margin-top: 0; padding-top: 0;}
    .iData ul li span em{ font-size: 48px; }
    .iData ul li p{ margin-left: 120px; font-size: 16px; line-height: 19px; height: 38px;}
    .iData ul li{ float: none; padding-left: 0; margin: 30px auto 60px auto; width: auto; height: auto;}
    .iData ul li img{ width: 100px;}
    .iContact{ padding-top: 103px; padding-left: 30px; padding-right: 30px; }
    .iContact h2{ font-size: 32px; }
    .iContact p{ width: auto; }
    .mFooter{ padding: 44px 20px; }
    .mFooter #mobileFootLogo{
        display: block;
    }
    .mFooter #pcFootLogo{
        display: none;
    }
    .mFooter .area .lPart nav{ margin-bottom: 20px; }
    .mFooter nav a{ padding-left: 28px; }
    .mFooter nav a:before{ left: 12px; }
    .mFooter .rPart{ float: left; margin-top: 20px;}
    .mFooter .rPart a{ margin-left: 0; margin-right: 5px;}
    .mFooter .rPart img{ float: left;}
    .catalogBanner{ margin-top: 70px; padding: 0 30px;}
    .catalogueList h2{ font-size: 32px; }
    .catalogueList p.des{ margin: 0 30px; width: auto;}
    .catalogueList .clMain{ width: auto; margin: 50px 0; }
    .catalogueList .clMain .item{ float: none; clear: both; display: block; margin: 0 auto 40px auto; height: auto; padding-bottom: 40px;}
    .catalogueList .clMain .item:nth-child(3n){ margin-right: auto; }
    .catalogueList{ margin-bottom: 0; }
    .catalogueList .clMain .item span{ font-size: 16px; line-height: 21px; }
    .catalogBanner .txtArea{ width: auto; padding-top: 73px; }
    .expertsSlider h2{ font-size: 28px; padding: 0 20px 40px 20px; }
    .expertsSlider{ padding-top: 50px; }
    .esSliderMain{ margin: 70px 20px 0 20px; width: auto; height: auto; margin-bottom: 40px;}
    .esSliderMain .avatarArea{ left: 50%; margin-left: -71px; top: -71px; }
    .expertsSlider .item dl{ padding: 90px 20px 46px 20px; text-align: center;}
    .expertsSlider .item dl dt strong{ text-align: center; font-size: 22px; margin-right: 0;}
    .expertsSlider .item dl dt .links{ display: block; margin: 8px 0;}
    .expertsSlider .item dd.edes{ width: auto; text-align: center; font-size: 16px; line-height: 21px; padding: 0 20px;}
    .expertsSlider .item dl dt strong{ display: block; }
    .cataHow .slider {
        padding-top: 35px;
    }

    .cataHow .phone {
        position: relative;
        right: auto;
        margin: 0 auto;
    }

    .cataHow .mTitle {
        margin: 0;
        padding: 0;
    }

    .cataHow h2 {
        position: static;
        text-align: center;
        padding-top: 80px;
        font-size: 28px;
        line-height: 1.2;
    }

    .cataHow .mTitle p {
        width: auto;
        padding: 0 30px;
        text-align: center;
        margin-bottom: 40px;
    }

    .cataHow .slick-track {
        height: auto;
    }

    .cataHow {
        height: auto;
        padding-bottom: 90px;
    }

    .cataHow .slider .slick-dots {
        bottom: -60px;
    }

    .cataHow .slider .slick-dots {
        text-align: center;
        padding-left: 0;
    }
    .catalogueMain{ margin: 115px 30px 0 30px; }
    .breads{ line-height: 1.8; margin-bottom: 40px;}
    .breads a{ display: inline-block; }
    .breads a:before{ top: 9px; }
    .cataContent dl.left dt{ font-size: 22px; margin-bottom: 20px;}
    .cataContent dl.left dd a{ font-size: 18px; line-height: 40px; }
    .catacMain{ margin-top: 60px; width: auto; }
    .cataList li{ float: none; display: block; margin: 0 auto 30px auto !important; }
    .cataContent .cataText{ width: auto; }
    .cataContent .sideCTA{ width: auto; }
    .cataContent .sideCTA .chat{ bottom: -70px; }
    .relatedArticle{ padding-top: 68px; padding-bottom: 0;}
    .relatedArticle h2{ padding: 0 30px; text-align: center;}
    .cataContent .sideCTA .chat{ line-height: 21px; }
    .blogList{ width: auto; padding: 50px 30px 0 30px; }
    .blogList .item{ width: 263px; float: none; margin:0 auto 30px auto !important; display: block;  }
    .blogList .item a.cover{ float: none; }
    .blogList .item .txt{ float: none; margin: 15px 0 0 0; }
    .cataContent .cataText h1{ font-size: 32px; line-height: 42px; }
    .tarifBanner{ margin-top: 70px;padding: 75px 0; background-size: auto 100%;}
    .tarifMain .tabs li{ width: 128px; }
    .tarifBanner h2{ font-size: 32px; padding: 64px 0 0 0; }
    .tarifBanner h1{ font-size: 32px; padding:0; }
    .tarifMain{ margin-top: -479px; }
    .tarifCards{ margin-top: 46px; }
    .tarifCards .card{ width: 310px; height: 585px; margin-bottom: 40px;}
    .tarifCards .card.left .platforms{ margin-left: 144px; }
    .tarifCards .platforms{ margin-left: 114px;  }
    .tarifCards .features p{ padding: 18px 0; }
    .tarifForm h2{ width: auto; margin: 0 auto 18px auto; padding-top: 87px; font-size: 21px; line-height: 31px;}
    .tarifForm{ height: auto; background: #1d1450; padding: 0 30px;}
    .tarifForm .formMain{ width: auto; padding-bottom: 60px;}
    .tarifForm .formMain .item > *{ width: auto; float: none; margin-bottom: 20px;}
    .tarifForm .formMain .item .iLeft{ margin-right: 0; }
    .tarifForm .formMain .item textarea{ width: 100%; }
    .tarifForm .formMain .item label{ display: block; }
    .tarifForm .formMain .btnSubmit{ width: 100%; background-image: none; }
    .tarifForm .successInfo{ left: 0; top: 0; margin-left: 0; padding: 170px 0 100px 0;}
    .tarifForm .successInfo:before{ top: 57px; }
    .successInfo h3{ font-size: 32px; }
    .successInfo h2{ font-size: 32px; }

    .expertsList{ margin-top: 70px; }
    .expertsList .item{ float: none; margin-right: 0; width: auto; height: auto; padding: 30px; margin-bottom: 25px;}
    .expertsList .elMain{ width: auto; margin: 0 25px;overflow: hidden;}
    .expertsList h1{
        padding: 50px 0;
    }
    .expertsList h2{ padding: 89px 20px 35px 20px; font-size: 27px;}
    .expertsList .item dd.edes{ position: static; opacity: 1 !important; width: auto; margin-top: 29px;height: auto;padding-right: 0;font-size: 16px;overflow-y: hidden;}
    .expertsList .item dl{ padding: 10px 0;display: flex;flex-direction: column;align-items: center; }
    .expertsList .item dl dt{
        text-align: center;
    }
    .expertsList .item:hover dl{padding: 10px 0 30px 0; }
    .expertsList .item:hover dl dt strong{ font-size: 24px; }
    .expertsList .item .avatarArea{ position: static; background: none; width: 100%;height: auto; top: 0;margin-top: 0;}
    .expertsList .item:hover .avatarArea{ width: 100%; height: auto;}
    .expertsList .item .avatarArea img{ width: 60%; height: auto; margin: 0;}
    .expertsList .item:hover .avatarArea img{ width: 100%; height: auto; margin: 0 auto;}
    .expertsList .item dl dt a{ width: 26px; height: 26px; background-size: 100% !important; }
    .expertsList .item .links a{ }
    .expertsList .item dl dt strong{
        margin-right: 0;
    }
    .expertsList .item .links{ position: static; margin: 15px 0 0 0;}
    .expertsSlider h2{ font-size: 28px; padding: 0 20px 40px 20px; }
    .expertsSlider{ padding-top: 50px; }
    .esSliderMain{ margin: 70px 20px 0 20px; width: auto; height: auto; margin-bottom: 40px;}
    .esSliderMain .avatarArea{ left: 50%; margin-left: -71px; top: -71px; }
    .expertsSlider .item dl{ padding: 90px 20px 46px 20px; text-align: center;}
    .expertsSlider .item dl dt strong{ text-align: center; font-size: 22px; margin-right: 0;}
    .expertsSlider .item dl dt .links{ display: block; margin: 8px 0;}
    .expertsSlider .item dd.edes{ width: auto; text-align: center; }
    .expertsSlider .item dl dt strong{ display: block;}
    .contactWrap { margin-top: 70px; padding: 0; }
    .en .iBanner .area .txtArea .ibTitle{ width: auto; }
    .en .iData ul li{ width: auto; margin-left: 0; }
	.en .iPartner h2{ padding-left: 30px; padding-right: 30px; }

	.relatedArticle .cataList{ margin: 0 30px; text-align: center;}
    .mFooter .copyright{ font-size: 12px; }
    
    .contactUs{ padding: 90px 0; margin-top: 70px;}
    .contactUs .formMain{ width: auto !important; }
    .contactUs .formMain .item > *{ width: auto; float: none;}
    .contactUs .formMain .item .iLeft{ margin-right: 0; width: 100% !important;}
    .contactUs .formMain .item textarea{ width: 100%; }
    .contactUs .area{ width: auto !important; padding: 0 20px;}
    .contactUs h2{ width: auto !important; font-size: 20px; line-height: 27px; padding-top: 40px;}
    .whyBanner .imgBox{display: none;}
    .en .whyBanner .area .txtArea .btnArea .btnBig {
        padding: 0 23px 0 20px;
        background-position: 223px 25px;
    }
    .twoBanner .area{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 20px;
        padding: 0;
    }
    .twoBanner .leftBox,.twoBanner .rightBox{
        width: 100%;
        margin-right:0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .threeBanner{
        padding: 0;
    }
    .twoBanner .whyContent,
    .threeBanner .whyContent,
    .fourBanner .whyContent,
    .fiveBanner .whyContent,
    .sixBanner .whyContent{
        margin:0
    }
    .fourBanner{
        padding: 0;
    }
    .fourBanner .outBox{
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .fiveBanner{
        padding: 0;
    }
    .fiveBanner .area{
        padding: 0;
        flex-direction: column;
        align-items: center;
        margin-top: 80px;
    }
    .fiveBanner .leftBox .img1{
        width: 200px;
        height: 328px;
        position: absolute;
        left: 0;
        top: 0;
    }
    .fiveBanner .leftBox .img2{
        width: 245px;
        height: 377px;
        position: absolute;
        left: 138px;
        top: -32px;
    }
    .fiveBanner .leftBox {
        position: relative;
        height: 348px;
        width: 100%;
        margin-bottom: 20px;
    }
    .sixBanner .area{
        flex-direction: column;
        align-items: center;
    }

    .sevenBanner,
    .eightBanner{
        padding: 0px 0 40px;
    }
    .sevenBanner .area,
    .eightBanner .area{
        width: auto;
    }
    .sevenBanner .area ul{
        flex-direction: column;
        align-items: center;
        padding: 0;
    }
    .sevenBanner .area ul li{
        width: 326px;
        margin: 10px auto;
    }
    .sevenBanner .area ul li p{
       margin: 0;
    }
    .sevenBanner .area .feaTitle em {
        width: 84%;
        height: auto;
        font-size: 18px;
        color: #333333;
        line-height: 25px;
        margin: 0 auto 20px;
    }
    .sevenBanner{
        margin-top: 20px;
    }
    .eightBanner .bgContent {
        margin-left: 0px;
        margin-top: 40px;
    }

   .whyContent,
   .sixBanner .whyContent,
   .fiveBanner .whyContent,
   .eightBanner .whyContent,
   .nineBanner .whyContent{
        max-width: 100%;
    }

    .nineBanner{
        padding: 0;
    }
    .nineBanner .whyFeatureImg{
        width: 100%;
        height: 500px;
        margin-left: 0;
    }
    .eightBanner .whyContent {
        padding-right: 40px;
    }
     /* .mHeader .hasSon:nth-child(3){
        display: none;
    }  */
    .clientPage{
        margin: 0;
    }

    .clientPage .logo{
        display: inline-block;
        width: 134px;
        height: 34px;
        position: absolute;
        top: 25px;
        left: 50%;
        margin-left: -77px;
    }
    .clientPage .pageLogo{
        width: 100% !important;
        height: auto;
    }
    .clientPage .formMain .item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .clientPage .formMain .item .iRight, .clientPage .formMain .btnSubmit {
        
        margin-top: 30px;
    }
    .clientPage .successInfo {
        width: 100%;
        left: 0;
        margin: 0 auto;
        top: 0;
        padding: 0;
    }
    .clientPage .successInfo h1 {
        /* width: 100%; */
    }
    .clientPage h2{
        padding-top: 0px;
    }
    .clientPage .formMain .item .iRight{
        position: relative !important;
        margin-top: 0;
    }
    .clientPage .formMain .item .txtIn{
        width: 100% !important;
    }
    .soleaLabel{
        width: 100%;
    }
    .tipMask{
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        padding: 20px;
        display: none;
        /* align-items: center; */
        justify-content: center;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        overflow-y: auto;
        box-sizing: border-box;
    }
    .tipMask .modalBox{
        width: 100%;
        height: 1532px;
        box-sizing: border-box;
        padding:48px 20px 53px;
        background: #FFFFFF;
        border-radius: 5px;
        position: relative;
    }
    .tipMask .modalBox .img1{
        width: 95%;
        height: auto;
        margin: 0 auto 35px;
    }
    .tipMask .modalBox .img4{
        width: 95%;
        height: auto;
        margin: 0 auto 35px;
    }
    .unSubscribePage {
        background: #fff;
        padding: 0px;
        box-sizing: border-box;
    }
    .unSubscribePage .outBox .selectbox {
        padding: 0 25px;
    }
    .unSubscribePage .outBox .successOutBox {
        padding: 0 25px;
    }
    .unSubscribePage .outBox{
        width: 100%;
        padding-bottom: 0;
    }
    .cookiesStatementBar {
       width: auto;
   }
   .openMeeriadOutBox{
       position: fixed;
       top: 0;
       left: 0;
       z-index: 99999;
       background: #fff;
       box-sizing: border-box;
       width: 100%;
       padding: 15px 20px; 
       display: block;
       box-shadow: 0px 7px 12px 0px rgba(51, 51, 51, 0.12);
       padding: 4%;
   }
   .openMeeriadOutBox .openMeeriadBox{
       display: flex;
       justify-content: space-between;
   }
   .openMeeriadOutBox .openMeeriadBox .infoBox{
        flex: 1;
        margin-right: 18px;
   }
   .openMeeriadOutBox .openMeeriadBox img{
       display: block;
       width: 30px;
       height: 30px;
   }
   .openMeeriadOutBox .openMeeriadBox .infoBox span{
        flex:1;
        font-size: 15px;
        font-weight: 500;
        color: #333333;
        line-height: 18px;
   }
   .openMeeriadOutBox .openMeeriadBox .buttonBox{
       display: flex;
       align-items: center;
       margin-top: 11px;
   }
   .openMeeriadOutBox .openMeeriadBox .openMeeriad{
        width: 146px;
        height: 36px;
        background: #4E34C5;
        border-radius: 4px;
       display: flex;
       align-items: center;
       justify-content: center;
       font-size: 14px;
       font-weight: 500;
       color: #FFFFFF;
       margin-right: 10px;
   }
   .openMeeriadOutBox .openMeeriadBox .downloadMerriad{
        width: 102px;
        height: 36px;
        background: #53D2CC;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        font-weight: 500;
        color: #FFFFFF;
   }
   .openMeeriadOutBox .openMeeriadBox .openMeeriad img{
       display: block;
       width: 17px;
       height: 17px;
       background: #fff;
       border-radius: 5px;
       margin-right: 8px;
   }
   .landPageSuccessModal{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 99999;
    display: none;
}

.landPageSuccessModal .content{
    width: 90%;
    height: auto;
    margin:80px auto;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    padding: 0 20px 20px;
    box-sizing: border-box;
    position: relative;
}
.landPageSuccessModal .content .icon{
    display: block;
    width: 68px;
    height: 35px;
    margin:40px auto 0px;
}
.landPageSuccessModal .content .title{
    font-size: 40px;
    font-weight: 700;
    color: #333333;
    text-align: center;
    margin:20px auto 0 ;
}
.landPageSuccessModal .content .text{
    font-size: 18px;
    color: #333333;
    line-height: 26px;
    text-align: center;
    margin:10px auto 0 ;
}
.landPageSuccessModal .content .text span{
    color: rgba(78, 52, 197, 1);
    font-weight: 700;
}
.landPageSuccessModal .content .showTip{
    display: block;
    width: 234px;
    height: 46px;
    background: #4E34C5 url(../img/button-arr@2x.png) no-repeat 196px 18px;
    background-size: 19px auto;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    line-height: 46px;
    text-indent: -26px;
    border: none;
    border-radius: 5px;
    margin: 51px auto 0;
    cursor: pointer;
}

.iFeature1 .mainImageBox{
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    position: relative;
    top: unset;
    left: unset;
    margin-left: unset;
    margin-top: 20px;
}
.iFeature1 .imageShowBox .hoverArea,
.iFeature1 .mainImageBox .smallQuan{
    display: none;
}
.iFeature1 .contentShowBox .eachContent1,
.iFeature1 .contentShowBox .eachContent2,
.iFeature1 .contentShowBox .eachContent3{
    max-width: 100%;
    text-align: center;
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
    margin-left: unset;
    margin-bottom: 20px;
    display: block;
}
.iFeature1 .contentShowBox .smallQuan{
    display: block;
}
.iFeature4{
    background-size: auto 100%;
}
.iFeature4 .area{
    padding: 20px;
    flex-direction: column;
}
.iFeature4 img{
    width: 100%;
    height: auto;
}
.iFeature4 .leftBox{
    margin-right: 0;
    margin-top: 40px;
    margin-bottom: 20px;
}
.iFeature4 .leftBox .title {
    font-size: 24px;
}
.iFeature4 .leftBox .btnMedium{
    width: 264px;
    box-sizing: border-box;
    margin: 20px auto ;
    display: block;
}
.iFeature5 img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}
.iFeature5 .rightBox .content{
    margin-bottom: 20px;
}
.iFeature5 .rightBox img{
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 20px;

}
.iFeature5 .area{
    padding: 20px;
    border-bottom: 1px solid #ECECEC;
    display: flex;
    flex-direction: column;
    justify-content: unset;
}
.iFeature1 .peopleImgBox{
    height: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.iFeature1 .peopleImgBox img {
    margin-right: 0px;
}
.iFeature1{
    padding-top: 30px;
    padding-bottom: 30px;
}

.catelogIpartner .area {
    display: flex;
    flex-direction: column;
    align-items: unset;
    justify-content: unset;
    padding:30px 20px;
}
.catelogIpartner .leftBox{
    margin-right: 0;
}
.catelogIpartner .imgIphone {
    width: 100%;
    height: auto;
    margin-left: 0px;
    margin-top: 20px;
}
.catelogBlueBg {
    background-size: auto 100%;
    padding: 60px 20px;
    display: flex;
    flex-direction: column;
    justify-content: unset;
    align-items: unset;
    margin-bottom: 30px;
}
.catelogBlueBg .part {
    margin-right: 0px;
    margin-bottom: 30px;
}
.catelogBlueBg .part .eachInfo {
    margin-bottom: 30px;
}
.expertsSlider{
    background-size: auto 100%;
}
.tarinfMainOutBox{
    margin-top: 50px;
    flex-direction: column;
}
.demoPage .demoPart{
    flex-direction: column;
    align-items: center;
    padding: 30px 20px;
}
.demoPage .demoPart img {
    margin-right: 0;
}
.demoPage .demoPart .infoBox {
    text-align: center;
}
.demoPage .formPart {
    padding: 0 20px;
}
.demoPage .formPart .contactUs .successInfo {
    color: #333333;
    width: 100%;
    margin-left: 0;
    left: unset;
    top: unset;
}
.recommanderForm{
    background: #fff;
}
.recommanderMarche{
    padding: 0 30px;
}
.recommanderMarche .mainInfo{
    flex-direction: column;
    padding-bottom: 50px;
}
.recommanderMarche .each2 {
    margin: 50px 0px;
}
.recommanderForm .successInfo {
    width: 100%;
}
}

@media only screen and (max-width:640px) {
    iframe#footerFrame{ height: 940px !important; }

    /* footer 底部 */
    .mFooter .area .lPart{
        display: flex;
        flex-direction: column;
    }
    .mFooter .area .leftOutBox #mobileFootLogo {
        margin: 0 auto 38px !important;
    }
   
}

.mFooter .area {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   overflow: hidden;
}
.mFooter .cf:before,.mFooter  .cf:after {
    content: "";
    display: none;
}


.mFooter .area .leftOutBox  #mobileFootLogo{

    width: 309px;
    height: 141px;
    margin: 0 auto 38px;
    float: unset;
}