.containers1 {
    width: 1140px;
}
*{
    padding: 0;
    margin: 0;
}
body, div, h1, h2, h3, h4, h5, h6, p, td, th, span, a,button {
font-family: "Lucida Sans Unicode", "Lucida Grande", "Arial", "Verdana", "sans-serif";
}
li {
list-style: none;
}

#productintro {
width: 100%;
}

.productintro-content .introtab .intro-title {
margin: auto;
height: 63px;
}
.productintro-content .introtab .intro-title .tab-left {
float: left;
font-size: 18px;
padding: 19px 0;
}
.productintro-content .introtab .intro-title .tab_list {
float: right;
}
.productintro-content .introtab .intro-title .tab_list ul li {
margin: 20px 13px 0 8px;
padding-bottom: 15px;
}
.productintro-content .introtab .intro-title button {
float: right;
border: none;
border-radius: 30px;
width: 100px;
height: 30px;
background: #225eff;
color: white;
margin: 18px 0 0 20px;
font-size: 13px;
}
.productintro-content .introtab .intro-title button a {
    color: #ffff;
    text-decoration: none;
}
.productintro-content .introtab .intro-title .tab_list ul {
display: flex;
}
.productintro-content .introtab .tab-cont>.item {
display: none;
}
.productintro-content .introtab .tab-cont>.item.active {
display: block;
}
.productintro-content .introtab .intro-title .tab_list ul li.active {
border-bottom: 3px solid #225eff;
}


.productintro-content .introtab .introbanner-box {
width: 100%;
height: 400px;
background: url('/images/intro_pic/Intro_Banner_1px.png');
}
.productintro-content .introtab .introbanner-box  .introbanner {
width: 1400px;
height: 400px;
margin: auto;
background-image: url('/images/intro_pic/Intro_Banner/Intro_Banner_Android.png');
}
.productintro-content .introtab .introbanner-box  .introbanner .introbanner-text {
width: 1140px;
margin: auto;
display: flex;
/* padding: 50px 0 43px; */
padding: 50px 0 60px;
}


.productintro-content .introtab .introbanner-box  .introbanner .introbanner-text div .introbannertitle {
font-size: 36px;
font-weight: bold;
width: 670px;
height: 135px;
margin-bottom: 36px;
line-height: 125%;
    margin-top:24px;
}
.productintro-content .introtab .introbanner-box  .introbanner .introbanner-text div div button {
border: none;
width: 200px;
height: 45px;
border-radius: 5px;
margin-top: 24px;
}
.productintro-content .introtab .introbanner-box  .introbanner .introbanner-text div div button a {
color: white;
text-decoration: none;
font-weight: bold;
font-size: 16px;
}
.productintro-content .introtab .introbanner-box  .introbanner .introbanner-text div div .button1 {
background: #001f4b;
margin-right: 30px;
}
.productintro-content .introtab .introbanner-box  .introbanner .introbanner-text div div .button2 {
background: #eb0249;
} 
.productintro-content .introtab .introbanner-box  .introbanner .introbanner-text .banner-img {
width: 200px;
height: 200px;
padding: 35px 125px;
}
.productintro-content .introtab .tab-contss {
width: 100%;
}
.productintro-content .introtab .tab-cont .item .Overview-box {
width: 100%;
background-color: #ecf1fa;
padding-bottom: 20px;
}
.productintro-content .introtab .tab-cont .item .Overview-box .Overview-outside {
width: 1400px;
margin: auto;
background: white;
/* box-shadow: 0px 3px 15px #d3dffb; */
box-shadow: 0px 8px 15px -4px #c3d3fb;
border-radius: 6px;
}
.productintro-content .introtab .tab-cont .item .Overview-box .Overview-outside .containers1 {
display: flex;
margin: auto;
}
.productintro-content .introtab .tab-cont .item .Overview-box .Overview-outside .containers1 .Overview-images {
padding: 60px 60px 60px 0;
}
.productintro-content .introtab .tab-cont .item .Overview-box .Overview-outside .containers1 .Overview-images img {
padding-right: 60px;
border-right: 1px solid #c3d3fb;

}
.productintro-content .introtab .tab-cont .item .Overview-box .Overview-outside .containers1 .Overview-text {
padding: 55px 0 60px 0;
line-height: 150%;
}
.productintro-content .introtab .tab-cont .item .Overview-box .Overview-outside .Overview-text3 {
/* margin-bottom: 30px; */
color: #b17205;
}

.productintro-content .introtab .tab-cont .item .Overview-card {
margin: auto;
}
.productintro-content .introtab .tab-cont .item .Overview-card .card_list ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0px 15px 0 15px;
border-bottom: 1px solid #c3d3fb;

}
.productintro-content .introtab .tab-cont .item .Overview-card .card_list ul li {
width: 93px;
text-align: center;
padding-bottom: 20px;
}
.productintro-content .introtab .tab-cont .item .Overview-card .card_list ul li.actives {
border-bottom: 3px solid #225eff;
}
.productintro-content .introtab .tab-cont .item .Overview-card .card_list ul li.actives p {
color: #225eff;
font-weight: bold;
}

.productintro-content .introtab .tab-cont .item .Overview-card .card_list ul li img {
margin-bottom: 8px;
}
.productintro-content .introtab .tab-cont .item .Overview-card .card-cont .carditems .card-frame {
display: flex;
padding: 60px 0 60px 0;
}
.productintro-content .introtab .tab-cont .item .Overview-card .card-cont .items div img {
box-shadow: 0px 8px 15px -4px #c3d3fb;
border-radius: 6px;
}
.productintro-content .introtab .tab-cont .item .Overview-card .card-cont .items .card-text {
width: 278px;
margin-right: 60px;
}
.productintro-content .introtab .tab-cont .item .Overview-card .card-cont .items .card-text h3 {
font-size: 30px;
margin-bottom: 20px;
margin-top: -3px;
line-height: 115%;
}
.productintro-content .introtab .tab-cont .item .Overview-card .card-cont .items .card-text button {
border: none;
background: #225eff;
border-radius: 5px;
width: 160px;
height: 40px;
margin-top: 54px;
}
.productintro-content .introtab .tab-cont .item .Overview-card .card-cont .items .card-text button a {
color: white;
text-decoration: none;
font-size: 16px;
}
.productintro-content .introtab .tab-contss .item .Overview-cardB {
width: 100%;
background-color: #ecf1fa;
}

.productintro-content .introtab .tab-contss .item .Overview-cardB .introtab-card .card-cont>.items {
display: none;
}
.productintro-content .introtab .tab-contss .item .Overview-cardB .introtab-card .card-cont>.items.actives {
display: block;
}
.productintro-content .introtab .tab-contss .item .about {
width: 100%;
background: linear-gradient(to right, #00216b 50%, #2b2bb2 50%);
}
.productintro-content .introtab .tab-contss .item .about .about-text {
width: 1140px;
margin: auto;
display: flex;
padding: 51px 0 50px 0px;
}
.productintro-content .introtab .tab-contss .item .about .about-text h1 {
font-size: 40px;
font-weight: normal;
color: #00d364;
margin-bottom: 20px;
font-family: "Gill Sans MT","Lucida Sans Unicode", "Lucida Grande", "Arial", "Verdana", "sans-serif";
}
.productintro-content .introtab .tab-contss .item .about .about-text p {
color: white;
/* font-size: 14px; */
line-height: 150%;
}
.productintro-content .introtab .tab-contss .item .about .about-text .about-text-L {
width: 50%;
}
.productintro-content .introtab .tab-contss .item .about .about-text .about-text-R {
width: 50%;
}
.productintro-content .introtab .tab-contss .item .about .about-text .about-text-L ul {
display: flex;
margin-top: 30px;
}
.productintro-content .introtab .tab-contss .item .about .about-text .about-text-L ul li {
margin-right: 15px;
}
.productintro-content .introtab .tab-contss .item .about .about-text .about-text-L ul button {
height: 29px;
border: none;
border-radius: 20px;
background: #225dff;
color: white;
padding:0 17px;
font-size: 13px;
font-family: "Lucida Sans Unicode", "Lucida Grande", "Arial", "Verdana", "sans-serif";
}
.productintro-content .introtab .tab-contss .item .about .about-text .about-text-R .abut-right {
margin-left: 58px;
}
.productintro-content .introtab .tab-contss .item .about .about-text .about-text-R .abut-right ul  {
color: white;
/* line-height: 150%; */
margin-top: -6px;
position: relative;
}
.productintro-content .introtab .tab-contss .item .about .about-text .about-text-R .abut-right ul li {
margin-left: 25px;
}
.productintro-content .introtab .tab-contss .item .about .about-text .about-text-R .abut-right ul li::before {
content: "•";
color: #6aa3ff;
font-size: 35px;
position: absolute;
left: 0;
margin-top: -2px;

}
.productintro-content .introtab .tab-contss .operation {
width: 100%;
}
.productintro-content .introtab .tab-contss .operation .operation-text {
margin: auto;
padding: 51px 0 10px 0;
}
.productintro-content .introtab .tab-contss .operation .operation-text .operation-title {
position: relative;
}
.productintro-content .introtab .tab-contss .operation .operation-text .operation-title .button {
position: absolute;
right: 0;
bottom: 32px;
background: url('/images/introducepage/index/arrow_black.png') no-repeat;
background-position: center left;
}
.productintro-content .introtab .tab-contss .operation .operation-text .operation-title .button a {
padding-left: 20px;
color: #000;
font-size: 14px;
text-decoration: none;
}
.productintro-content .introtab .tab-contss .operation .operation-text .operation-title h1 {
font-size: 40px;
margin-bottom: 5px;
font-weight: normal !important;
font-family: "Gill Sans MT","Lucida Sans Unicode", "Lucida Grande", "Arial", "Verdana", "sans-serif";
    color: black !important;
    margin-top: 12px !important;
}
.productintro-content .introtab .tab-contss .operation .operation-text .operation-title p {
font-size: 18px;
margin-bottom: 25px;
}
.productintro-content .introtab .tab-contss .operation .operation-text .operation-card ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.productintro-content .introtab .tab-contss .operation .operation-text .operation-card ul li {
width: 260px;
border: 1px solid #c3d3fb;
border-radius: 3px;
margin-bottom: 30px;
text-align: center;
}
.productintro-content .introtab .tab-contss .operation .operation-text .operation-card ul li:hover {
background: linear-gradient(to top, #e4ebfe,#ffff);
}
.productintro-content .introtab .tab-contss .operation .operation-text .operation-card ul li img {
padding:30px 30px 16px 30px;
}
.productintro-content .introtab .tab-contss .operation .operation-text .operation-card ul li p {
font-weight: bold;
color: #225eff;
font-size: 18px;
padding: 0 30px 8px 30px;
}
.productintro-content .introtab .tab-contss .operation .operation-text .operation-card ul.justify {
justify-content: flex-start;
}
.productintro-content .introtab .tab-contss .operation .operation-text .operation-card ul.justify li {
margin-right: 30px;
}
.productintro-content .introtab .tab-contss .conversion{
width: 100%;

background: #31e784;
}
.productintro-content .introtab .tab-contss .conversion .containers1 {
margin: auto;
padding: 51px 0 50px 0;
}
.productintro-content .introtab .tab-contss .conversion .containers1 .conversion-title {
position: relative;
}
.productintro-content .introtab .tab-contss .conversion .containers1 .conversion-title .button {
background: url(/images/introducepage/index/arrow_white.png) no-repeat;
background-position: center left;
float: right;
position: absolute;
top:8px;
right: 0;
}
.productintro-content .introtab .tab-contss .conversion .containers1 .conversion-title h1 {
font-size: 40px;
font-weight: normal !important;
    color:black !important;
font-family: "Gill Sans MT","Lucida Sans Unicode", "Lucida Grande", "Arial", "Verdana", "sans-serif";
    margin-top: 13px;
    margin-bottom: 20px;
}
.productintro-content .introtab .tab-contss .conversion .containers1 .conversion-title p {
font-size: 18px;
margin-top:5px;
}
.productintro-content .introtab .tab-contss .conversion .containers1 .conversion-title .button a {
padding-left: 20px;
color: white;
text-decoration: none;
font-size: 14px;
}

.productintro-content .introtab .tab-contss .conversion .containers1 .conversion-img .first-row,
.productintro-content .introtab .tab-contss .conversion .containers1 .conversion-img .conversion-L {
display: flex;
margin: 20px 0 0 20px;
}
.productintro-content .introtab .tab-contss .conversion .containers1 .conversion-img .conversion-L li {
width: 52px;
height: 52px;
background: url('/images/intro_pic/Conversion/Conversion_Big.png');
margin-right: 20px;
position: relative;
}
.productintro-content .introtab .tab-contss .conversion .containers1 .conversion-img .conversion-L li p {
font-size: 14px;
color: white;

}
.productintro-content .introtab .tab-contss .conversion .containers1 .conversion-img .conversion-L .three p {
position: absolute;
top: 16px;
left: 14px;
}
.productintro-content .introtab .tab-contss .conversion .containers1 .conversion-img .conversion-L .four p {
position: absolute;
top: 16px;
left: 6px;
}
.productintro-content .introtab .tab-contss .conversion .containers1 .conversion-img .conversion-L .Image p  {
position: absolute;
top: 16px;
left: 5.5px;
}
.productintro-content .introtab .tab-contss .conversion .containers1 .conversion-img .conversion-R {
margin-left: 100px;
margin-top: 20px;
}
.productintro-content .introtab .tab-contss .conversion .containers1 .conversion-img .conversion-R button {
border: none;
background-color: #2b2bb2;
border-radius: 30px;
width: 110px;
height: 52px;
color: white;
margin-right: 25px;
font-size: 13px;
/* line-height: 150%; */
line-height: 100%;
} 
.productintro-content .introtab .tab-contss .conversion .containers1 .conversion-img .first-row .img1 {
margin: 34px 0px 20px 15px;
}
.productintro-content .introtab .tab-contss .conversion .containers1 .conversion-img .first-row  .conversion-c {
text-align: center;
}
.productintro-content .introtab .tab-contss .conversion .containers1 .conversion-img .first-row .img2 {
margin-bottom: 5px;
}
.productintro-content .introtab .tab-contss .conversion .containers1 .conversion-img .second-row {
display: flex;
}
.productintro-content .introtab .tab-contss .conversion .containers1 .conversion-img .second-row span {
width: 355px;
height: 64px;
border-right: 1px solid #2b2bb2;
margin-top: -45px;
}
.productintro-content .introtab .tab-contss .conversion .containers1 .conversion-img .second-row p {
margin-left: 30px;
}
.productintro-content .introtab .tab-contss .conversion .containers1 .conversion-img .second-row img {
margin-top: -45px;
margin-left: 194px;
}
.productintro-content .introtab .tab-contss .conversion .containers1 .conversion-img .frame ul {
width: 261px;
display: flex;
padding: 10px 5px 10px 20px;
border: 1px solid #2b2bb2;
border-radius: 30px;
margin-left: 242px;
margin-top: -30px;
}
.productintro-content .introtab .tab-contss .conversion .containers1 .conversion-img .frame li {
width: 37px;
height: 38px;
background: url('/images/intro_pic/Conversion/Conversion_Small.png');
color: white;
margin-right: 15px;
position: relative;
}
.productintro-content .introtab .tab-contss .conversion .containers1 .conversion-img .frame li p {
font-size: 12px;
}
.productintro-content .introtab .tab-contss .conversion .containers1 .conversion-img .frame li.frame1 p {
position: absolute;
top: 11px;
left: 7.5px;
}
.productintro-content .introtab .tab-contss .conversion .containers1 .conversion-img .frame li.frame2 p {
position: absolute;
top: 11px;
left: 6.5px;
}
.productintro-content .introtab .tab-contss .conversion .containers1 .conversion-img .frame li.frame3 p {
position: absolute;
top: 11px;
left: 7px;
}
.productintro-content .introtab .tab-contss .edit {
width: 100%;
 background: linear-gradient(to top,#f2eee6,#31e784);
}
.productintro-content .introtab .tab-contss .edit .edit_b a {
display: flex;
width: 1400px;
height: 160px;
margin: auto;
}



.productintro-content .introtab .tab-contss .main-function {
width: 100%;
background: linear-gradient(to top,#e2dfd8,#f2eee6 7%);
}
.productintro-content .introtab .tab-contss .main-function .containers1 {
margin: auto;
padding:52px 0 30px;
}
.productintro-content .introtab .tab-contss .main-function .containers1 h1 {
font-size: 40px;
font-weight: normal !important;
    color: black !important;
margin-bottom: 43px;
font-family: "Gill Sans MT","Lucida Sans Unicode", "Lucida Grande", "Arial", "Verdana", "sans-serif";
    margin-top:11px !important;
}
.productintro-content .introtab .tab-contss .main-function .containers1 .function-card {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.productintro-content .introtab .tab-contss .main-function .containers1 .function-card .function-card1 {
width: 350px;
background: white;
margin-bottom: 30px;
border-radius: 6px;
}
.productintro-content .introtab .tab-contss .main-function .containers1 .function-card .function-card1 .cardimg1 {
width: 350px;
height: 200px;
background: url('/images/intro_pic/Main_Function/Main_Function_No_Office.png');
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}

.productintro-content .introtab .tab-contss .main-function .containers1 .function-card .function-card1 .cardtext {
padding:0 30px 33px;
}
.productintro-content .introtab .tab-contss .main-function .containers1 .function-card .function-card1 p {
height: 49px;
font-size: 18px;
margin: 30px 0 20px 0;
color: #0d6ac2;
font-weight: bold;
line-height: 150%;
}

.productintro-content .introtab .tab-contss .main-function .containers1 .function-card .function-card1 .cardimg2 {
width: 350px;
height: 200px;
background: url('/images/intro_pic/Main_Function/Main_Function_Convert_PPT.png');
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
.productintro-content .introtab .tab-contss .main-function .containers1 .function-card .function-card1 .cardimg3 {
width: 350px;
height: 200px;
background: url('/images/intro_pic/Main_Function/Main_Function_Features_PPT.png');
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
.productintro-content .introtab .tab-contss .main-function .containers1 .function-card .function-card1 .cardimg4 {
width: 350px;
height: 200px;
background: url('/images/intro_pic/Main_Function/Main_Function_Process_PPT.png');
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
.productintro-content .introtab .tab-contss .main-function .containers1 .function-card .function-card1 .cardimg5 {
width: 350px;
height: 200px;
background: url('/images/intro_pic/Main_Function/Main_Function_Performance_DOC.png');
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
.productintro-content .introtab .tab-contss .main-function .containers1 .function-card .function-card1 .cardimg6 {
width: 350px;
height: 200px;
background: url('/images/intro_pic/Main_Function/Main_Function_PPT_NET.png');
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
.productintro-content .introtab .tab-contss .price .containers1 {
margin: auto;
padding: 60px 0 54px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
color: #001f4b;
}

.productintro-content .introtab .tab-contss .price .containers1 .product-price {
width: 329px;
border-left: 1px solid #c3d3fb;
padding:0 30px;
}
.productintro-content .introtab .tab-contss .price .containers1 .product-price.free {
padding-right: 0;
}
.productintro-content .introtab .tab-contss .price .containers1 .product-price h1 {
/*margin-top: -8px;*/
font-size: 22px;
margin-bottom: 20px;
    color: #001f4b !important;
    margin-top: 0px;
}
.productintro-content .introtab .tab-contss .price .containers1 .product-price .button button {
width: 120px;
height: 35px;
border: none;
border-radius: 30px;
background: #001f4b;
margin-top: 10px;
/* position: absolute; */
bottom: 0;
}
.productintro-content .introtab .tab-contss .price .containers1 .product-price .button button a,.productintro-content .introtab .tab-contss .price .containers1 .product-price .buttonD a {
color: white;
text-decoration: none;
font-size: 14px;
}
.productintro-content .introtab .tab-contss .price .containers1 .product-price .buttonD {
width: 120px;
height: 35px;
border: none;
border-radius: 30px;
background: #eb0249;
margin-top: 30px;
}
.productintro-content .introtab .tab-contss .price .containers1.priceB span {
color: #6589b8;
font-size: 14px;
padding: 25px 0 0 0;
}
.productintro-content .introtab .tab-contss .started {
width: 100%;
background: linear-gradient(to top,#e7eaf4,#ffffff);
}
.productintro-content .introtab .tab-contss .started 
.started-back {
width: 1400px;
margin: auto;
background: #ffd000;
border-radius: 6px;
}
.productintro-content .introtab .tab-contss .started 
.started-back .containers1 {
margin: auto;
padding:38px 0 42px 0;
}
.productintro-content .introtab .tab-contss .started 
.started-back .containers1 h1 {
font-size: 40px;
font-weight: normal !important;
    color: black !important;
font-family: "Gill Sans MT","Lucida Sans Unicode", "Lucida Grande", "Arial", "Verdana", "sans-serif";
    margin-bottom: 19px !important;
}
.productintro-content .introtab .tab-contss .started 
.started-back .containers1 .started-text {
display: flex;
position: relative;
}
.productintro-content .introtab .tab-contss .started 
.started-back .containers1 .started-text p {
font-size: 24px;
margin-top: 9px;
}
.productintro-content .introtab .tab-contss .started 
.started-back .containers1 .started-text button {
/* float: right; */
width: 200px;
height: 45px;
position: absolute;
right: 0;
top: -18px;
}
.productintro-content .introtab .tab-contss .started 
.started-back .containers1 .started-text button.CONTACT {
border-radius: 5px;
background: #ffd000;
border: 1px solid black;
position: absolute;
right: 230px;
}
.productintro-content .introtab .tab-contss .started 
.started-back .containers1 .started-text button.CONTACT a {
text-decoration: none;
font-weight: bold;
color: #000;
font-size: 16px;
}
.productintro-content .introtab .tab-contss .started 
.started-back .containers1 .started-text button.TRY {
background: #eb0249;
border-radius: 5px;
border: none;
margin-left:20px;
}
.productintro-content .introtab .tab-contss .started 
.started-back .containers1 .started-text button.TRY a {
font-size: 16px;
text-decoration: none;
font-weight: bold;
color: white;
}

body#page > div#toolbar{
    background-color: #F5F6F7 !important;
}
#toolbar .wrapper .header2023 .header2023-container{
    background-color: #F5F6F7 !important;
}
.header2023 .header2023-navbar-main .header2023-navbar-collapse{
    background-color: #F5F6F7 !important;
}

#productintro .intro-title .tab-left h1 {
    color: #ffffff;
    width: 0px;
    position: absolute;
    height: 0px;
    overflow: hidden;
    font-weight: normal !important;
}