.pchide{
    display:block;
}
.mhide{
    display:none;
}


/* ******************************banner部分************************ */
.banner-main {
    max-width: 750px;
    min-height: 473px;
    background: url("/en/images/m-product-introduction-banner.png") no-repeat center top;
    background-size: auto 100%;
}
.banner-content {
    width: 660px;
    padding: 0 20px;
    box-sizing: border-box;
}
.banner-content-title {
    font-size: 40px;
}
.banner-content-detail {
    width: 100%;
    font-size: 20px;
    line-height: 36px;
    margin-top: 50px;
}

/* ******************************内容导航部分************************ */
.body-nav-container {
    height: 79px;
    border-bottom: none;
}
.body-nav-main {
    display: flex;
    height: 100%;
    line-height: 72px;
    justify-content: space-around;
}
.body-nav-item {
    font-size: 22px;
    margin: 0;
}

/* ******************************产品功能************************ */
.function-main {
    margin-top: 0;
    background-color: #f7f9fb;
    padding-bottom: 40px;
    box-shadow: 1.5px 2.598px 13px 0px rgb( 190, 191, 192 );
}
.function-content {
    width: 690px;
    height: 360px;
}

/* ******************************产品介绍2的产品功能************************ */
.function2-title {
    margin: 0;
}
.function2-content {
    margin-bottom: 0;
}
.function2-content-top {
    width: 690px;
    margin: 0 auto;
}
.function2-content-top-text {
    margin: 20px 0;
}
.function2-text {
    text-indent: 2em;
    font-size: 20px;
    line-height: 40px;
}
.function2-content-top-img {
    text-align: center;
}
.function2-img1 {
    max-width: 690px;
    height: 100%;
}

.m-function2-content-change {
    margin-top: 20px;
}
.m-function2-change-item-content {
    width: 690px;
    margin: 0 auto;
    padding: 20px;
}
.m-function2-change-item-nav {
    position: relative;
    height: 112px;
    padding: 41px 30px 0 30px;
    background-image: linear-gradient(to bottom, #f3f5f8 , #fff);
    box-sizing: border-box;
}
.m-function2-change-item-nav-active {
    background: #fff;
}
.m-function2-change-item-text {
    margin-bottom: 20px;
}
.m-function2-change-item-nav-text {
    height: 30px;
    line-height: 26px;
    font-size: 30px;
    font-weight: 500;
    color: #000;
    border-left: 6px #0f51ca solid;
    text-indent: 1em;
}
.m-function2-change-item-nav-img {
    position: absolute;
    top: 40px;
    right: 35px;
    width: 30px;
    height: 30px;
    background: url("/en/images/s_m_arrow.png") no-repeat center;
    background-size: contain;
}
.m-function2-change-item-nav-img-active {
    background: url("/en/images/s_m_arrow_active.png") !important;
}
.m-function2-change-text {
    text-indent: 2em;
    font-size: 20px;
    line-height: 40px;
}
.m-function2-change-item-img {
    text-align: center;
}
.m-function2-img2 {
    max-width: 690px;
    height: 100%;
}

/* ******************************产品优势************************ */
.advan-main {
    margin-top: 0;
}
.content-title {
    height: 96px;
    line-height: 96px;
    font-size: 32px;
}
.advan-content {
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: auto auto;
    grid-row-gap: 30px;
    grid-column-gap: 30px;
    justify-content: center;
}
.advan-content-item {
    width: 330px;
    border-bottom: 4px #0f51ca solid;
    box-shadow: 5px 8.66px 32px 0px rgb( 175, 184, 196 );
    padding: 40px 37px;
    box-sizing: border-box;
    cursor: pointer;
}
.advan-content-item-active {
    color: #fff;
    border-bottom: none;
    background: url("/en/images/m-product-introduction-advantage.png") no-repeat center;
    background-size: cover;
}
.advan-content-item:nth-child(1) {
    margin-left: 10px;
}
.advan-content-item:nth-child(4n) {
    margin-right: 10px;
}
.advan-content-item:nth-child(5) {
    margin-left: 10px;
}
.advan-content-item:nth-child(9) {
    margin-left: 10px;
}
.advan-content-item:last-child {
    margin-right: 10px;
}

/* ******************************应用场景************************ */
.sc-hide {
    display: none;
}
.sc-container {
    width: 100%;
    margin-top: 20px;
}
.sc-main {
    max-width: 100%;
    margin: 0 auto;
    background: url("/en/images/product-introduction-sc.png") no-repeat center top;
    background-size: cover;
    box-shadow: 5px 8.66px 30px 0px rgb(168 192 221);
    border: 3px #fff solid;
    box-sizing: border-box;
}
.sc-content {
    height: 100%;
}
.sc-content-title{
    width:100%;
    overflow: hidden;
    overflow: hidden;
    display:flex;
}
.sc-content-title .btn{
    width:34px;
    height:34px;
    background:#fff;
    cursor: pointer;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    margin-top:10px;
}
.sc-content-title .prev{
    background:#fff url(./product-introduction-praxis-prev.png);
}
.sc-content-title .next{
    background:#fff url(./product-introduction-praxis-next.png);
}
.sc-content-title .box {
    flex:1;
    height: 54px;
    line-height: 30px;
    padding-top: 12px;
    border-bottom: 1px #d2d2d2 solid;
    overflow: hidden;
}

.sc-content-title-item {
    width: auto;
    font-size: 28px;
    text-align: center;
    margin: 0 20px;
    cursor: pointer;
    float: left;
    white-space: nowrap;
}
.sc-content-title-item:hover {
    color: #0f51ca;
    border-bottom: 3px #0f51ca solid;
}
.sc-content-title-item-active {
    color: #0f51ca;
    border-bottom: 3px #0f51ca solid;
}
.sc-content-text{
    padding:30px;
    box-sizing: border-box;
}

/* ******************************用户价值************************ */
.value-main {
    margin-top: 0;
    padding-bottom: 0;
}
.value-content {
    display: block;
    width: 690px;
}
.value-content-item {
    width: 100%;
    border: 3px #fff solid;
    background-image: linear-gradient(to bottom, #f3f5f8, #fff);
    padding: 40px;
    margin-bottom: 20px;
}

/* ******************************最佳实践************************ */
.praxis-main {
    height: 570px;
    max-width: none;
    background: url("/en/images/m-product-introduction-praxis.png") no-repeat center bottom;
}
.praxis-title {
    height: 100px;
    line-height: 100px;
    color: #333;
}
.praxis-item-container {
    width: 640px;
}
#swiperPraxis {
    position: absolute;
    top: 148px;
    left: 50%;
    transform: translateX(-42%);
    width: 640px;
}
.praxis-item {
    height: 340px;
}
.praxis-item-title {
    font-size: 30px;
    margin-top: 15px;
}
.praxis-item-detail {
    font-size: 20px;
    line-height: 32px;
    margin-top: 20px;
    color: #425068;
}
.praxis-main .praxis-prev {
    left: 82%;
    top: 94%;
}
.praxis-main .praxis-next {
    right: 5%;
    top: 94%;
}


/*特殊分辨率处理*/	
@media screen and (max-width:600px)
{


}

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


}

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


}




.dialogBox{
    width:100%;
    height:100%;
    background:rgba(0,0,0,.5);
    position:fixed;
    left:0;
    top:0;
    z-index: 999;
    justify-content: center;
    align-items: center;
    display:none;
}
.dialogBox.on{
    display:flex;
}
.dialogBox .box{
    width:80%;
    height:60%;
    padding:30px;
    box-sizing: border-box;
    background:#144dc0 url(./dbg.png) no-repeat right bottom;
    background-size:150% auto;
    position: relative;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
}
.close{
    color:#fff;
    position: absolute;
    right:20px;
    top:20px;
    font-size:40px;
    transform: scaleY(.7);
    cursor:pointer;
    font-weight:normal;
}
.dialogBox .box h2{
    font-weight:normal;
    color:#fff;
    margin-bottom:30px;
    font-size:36px;
}
.dialogBox .box p{
    color:#fff;
    font-size:28px;
    height:calc(100% - 150px);
    overflow: auto;
}