body {font: normal 100% Helvetica, Arial, sans-serif;}
@media (min-width: 768px) {
    .container {
        width: 100%;
    }
}
@media  (min-width: 992px) {
    .container {
        width: 970px;
    }
	
}
@media  (min-width: 1200px){
    .container {
        width: 1170px;
    }
	
}

/* #moma-forlanguage {
	旧版布局
    height:96rem;
	background:#fff url(../images/forLanguage/banner-bg.png) no-repeat center center;
	background-position: center;
    background-size: cover ;
    padding-left: 0;
} */

#moma-forlanguage .banner-card-text {
    width: 19.25rem;
    height: 8.5rem;
    font-size: 1.67rem;
    font-family: PingFangSC-Light, PingFang SC;
    font-weight: 300;
    color: #36356C;
    line-height: 2.83rem;
    margin-bottom: 0;

}

#moma-forlanguage .offloading-card-container, 
#moma-forlanguage .weilai-card-container {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.banner-line {
	width: 100%;
	height: 28px;
	position: relative;
	z-index: -300;
	margin-top: -30px;
	background: url(../images/forLanguage/line.png) repeat-x center center;
}

/* 重写标题样式 */
.product-item>div h1 {
    font-size: 3.8rem;
	font-weight: 600;
	color: #36356C;
	line-height: 5.4rem;
	margin: 0 0 1.2rem;
}
.product-item>div p {
    font-size: 2rem;
	font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #36356C;
    line-height: 3.2rem;
	opacity: .78;
}
.rempxl{
    font-size: 3.8rem;
	font-weight: 600;
	color: #36356C;
	line-height: 5.4rem;
	margin: 0 0 1.2rem;
}
.introus h1{
	font-size: 3.8rem;
	font-weight: 600;
	color: #36356C;
	line-height: 5.4rem;
	margin: 0 0 1.2rem;	
}
.introus p{
    font-size: 2rem;
	font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #36356C;
    line-height: 3.2rem;
	opacity: .78;
}
/* 标题样式结束 */

.lightbox{
    width: 6.6rem;
    height: 5.8rem;
    background: #E9E6FB;
    border-radius: 14px;
    display: flex;
    margin: auto;
	align-items: center;
}
.lightbox img{
	display: flex;
	width: 3.5rem;
	height: 3.5rem;
	padding: 0;
	align-items: center;
}

.product-item img {
    width: 42rem;
}

.offloading-img, 
.weilai-img, 
.hutong-img {
    width: 7rem;
    height: 9.5rem;
}

.offloading-card {
    margin-top: 16.5rem;
    margin-right: 3rem;
}

#moma-forlanguage .bannertitle {
	display:flex;
	-webkit-align-items:center;
    align-items:center;
    padding-left: 0;
    padding-bottom: 0;
    margin-top: -5.33rem;
}

#moma-forlanguage .bannertitle h1 {
    padding: 0;
    margin: 0;
    background: none;
}

#moma-forlanguage .heading-section {
    width: 45.83rem;
    height: 13rem;
    font-size: 3.33rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #36356C;
    line-height: 6.5rem;
}

#moma-forlanguage .question-img {
    margin-top: 1.67rem;
    width: 39.17rem;
    height: 7.33rem;
	position: relative;
    z-index: 5;
}


/* .product-item>div h1 {
    font-size: 3.33rem;
    font-weight: 600;
    color: #36356C;
    line-height: 5.67rem;
    height: 11.33rem;
}

.product-item>div p {
    height: 14rem;
    font-size: 2rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #36356C;
    line-height: 3.5rem;
} */

.product-item .col-right img {
    margin-right: 0;
}

.product-item .float-imgs {
    width: 8.17rem;
    height: 8.17rem;
}

.region+.region {
    padding-top: 0;
}

.item-next-img {
    position: absolute;
    padding-left: calc(50vw - 4.08rem);
}

.item-next-img2 {
    padding-left: 40vw;
    margin-top: -4rem;
}

.item-next-img3 {
    padding-left: 50vw;
}

.product-item .item-next-img3 .float-imgs {
    width: 10.67rem;
    height: 10.67rem;
}

.logo-item-list {
    display: flex;
}
.logo-item-list .logo-img {
	width: 13.4rem;
    height: 4.2rem;
	margin-bottom: 2rem;
}
.logo-item-list .logo-img+.logo-img {
    margin-left: 1rem;
}

.item-next-img-5 {
    padding-left: 28%;
    margin-top: -4rem;
}

.region-6-item {
    width: 61.17rem;
    min-height: 13.17rem;
    background: #FFFFFF;
    box-shadow: 2.17rem 2.17rem 3.67rem 0rem rgba(0, 0, 0, 0.12);
    border-radius: 2rem;
    border: 0.08rem solid rgba(184, 177, 228, 0.18);
    padding: 1.33rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.region-6-item img {
    width: 11.5rem;
    height: 10.5rem;
    margin-right: 1.6rem;
}

.region-6 img {
    width: 29rem;
    margin-top: 24rem;
}
.region-6-item+.region-6-item {
    margin-top: 2.5rem;
}
.region-6-item-1, .region-6-item-5 {
    margin-left: -20rem;
}
.region-6-item-2, .region-6-item-4 {
    margin-left: -10.5rem;
}


@media screen and (max-width: 1199px) {
    .region-6-item {
        margin-top: 2.5rem;
    }
    .region-6-item {
        margin-left: 0;
        width: 100%;
    }
    .region-6 img {
        margin-top: 6rem;
    }
}
.region-6-item .header {
	min-width: 8rem;
    height: 2.75rem;
    font-size: 2rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #36356C;
    line-height: 2.75rem;
    margin: 0 0 0.8rem;
    padding: 0;
    opacity: 0.68;
}
.region-6-item  .content {
    width: 45.67rem;
}
.region-6-item .body {
    min-height: 6.58rem;
    font-size: 1.33rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #36356C;
    line-height: 2.2rem;
    margin: 0;
    opacity: 0.78;
}
@media (min-width: 992px){
    .col-md-5.region-6-container {
        width: 59%;
    }
    .col-md-pull-5.region-6 {
        right: 60%;
    }
    .region-6 img {
        margin-top: 24rem;
    }
    .region-6-item+.region-6-item {
        margin-top: 2.5rem;
    }
    .region-6-item-1, .region-6-item-5 {
        margin-left: -20rem;
    }
    .region-6-item-2, .region-6-item-4 {
        margin-left: -10.5rem;
    }
}

.moma-nav ul li.btn-cta a span {
    padding: 14px 26px;
    display: inline;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border-radius: 40px;
    font-weight: 400;
    background: #B8B1E4;
    border-radius: 14px;
    font-size: 16px;
    color: #36356C;
    letter-spacing: 0;
}

.moma-nav ul li.btn-cta a:hover span {
    box-shadow: 0 8px 0 0 rgba(184, 177, 228, 0.38);
    transition: .15s ease-in-out;
}

.tz-gallery .thumbnail {
	width: 15.2rem;
	min-height: 24.8rem;
    background: #FFFFFF;
    box-shadow: 0.17rem 0.17rem 2.17rem 0rem rgba(0, 0, 0, 0.06);
    border-radius: 1.5rem;
    border: 0.08rem solid rgba(184, 177, 228, 0.18);
    padding: 0;
    margin: 0;
    padding-top: 1.5rem;
    margin-bottom: 0.8rem;
}

.tz-gallery .thumbnail .lightbox img {
    width: 3.5rem;
    height: 3.5rem;
    padding: 0;
}

.tz-gallery .thumbnail .caption h3{
    height: 2.33rem;
    font-size: 1.67rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #36356C;
    line-height: 2.33rem;
}

.tz-gallery .thumbnail .caption p{
    height: 8.42rem;
    font-size: 1.3rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #36356C;
    line-height: 2.2rem;
    -webkit-line-clamp: 5;
}

.service-card-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
}

.service-card {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
}

.service-card .icon-next {
	width: 2.8rem;
    height: 2.8rem;
    margin-left: 16rem;
    position: absolute;
}

.introus p {
    margin-bottom: 2.5rem;
}

.register-container {
    display: flex;
    justify-content: center;
}

.footer_register {
    width: 61.17rem;
    height: 6.5rem;
    background: #FFFFFF;
    box-shadow: 2.17rem 2.17rem 3.67rem 0rem rgba(0, 0, 0, 0.12);
    border-radius: 2rem;
    border: 0.08rem solid rgba(184, 177, 228, 0.18);
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.footer_register .inps {
    width: 43.67rem;
    height: 4.5rem;
    background: #E9E6FB;
    border-radius: 1.17rem;
    display: flex;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color:    #36356C;
   opacity:  .78;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:    #36356C;
   opacity:  .78;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:    #36356C;
   opacity:  .78;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:    #36356C;
   opacity:  .78;
}

.footer_register .inps .relative {
    display: flex; 
    align-items: center; 
    width: 100%;
}

.footer_register .inps input {
    outline: none;
    height: 2.17rem;
    font-size: 1.5rem;
    color: #36356C;
    padding-left: 0.8rem;
    box-sizing: content-box;
    border-radius: 1rem;
    border: none;
    line-height: 2.17rem;
    background: transparent;
}

.footer_register .inps input::placeholder{
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #36356C;
    line-height: 2.17rem;
}

.footer_register .inps .relative .tips{
    position: absolute;
    bottom: -.15rem;
    color: red;
    margin-bottom: 0;
    left: .7rem;
    display: none;
    font-size: .18rem;
}

.footer_register .free_but {
    width: 14rem;
    height: 4.33rem;
	background: linear-gradient(286deg, #D3CFE3 -90%, #3A2C7E 80%);
    border-radius: 2.25rem;
    font-size: 1.5rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 4.33rem;
    cursor: pointer;
}

.footer_register img {
    width: 3.17rem;
    height: 3.17rem;
}

@media (max-width: 620px) {
    .offloading-card {
        margin-top: 14rem;
    }
    #moma-forlanguage .bannertitle {
        margin-top: 0;
    }
    .hutong-card {
        margin-left: 10%;
    }
    .weilai-card-container {
        margin-top: 2rem;
    }
    .icon-up-img {
		margin-top: 0rem;
		    width: 6rem;
    }
    .wrapper {
        width: 95vw;
    }
    .wrapper .inputList{
        width: 100%;
    }
    .sok img {
        margin-top: 0;
    }
}

@media (max-width: 375px) {
    .service-card-container {
        justify-content: center;
    }
    .footer_register {
        width: 100%;
    }
    .register-container input[type=text], 
    .register-container input[type=number] {
        width: 80px;
    }
}

/* 自适应banner */
	@media (max-width: 798px) {
		#moma-forlanguage {
		    /* height: 79.5rem; */
		    height: 98rem;
			background: url(../images/forLanguage/banner-bg.png) no-repeat center bottom;
			background-size: cover;
		    padding-left: 0;
			position: relative;
			z-index: 10;
		}
		#moma-forlanguage .banner-card {
		    width: 30.25rem;
		    height: 12.17rem;
		    background: #FFFFFF;
		    box-shadow: -2.17rem 2.17rem 3.67rem 0rem rgba(0, 0, 0, 0.12);
		    border-radius: 2.67rem;
		    display: flex;
		    justify-content: space-around;
		    align-items: center;
		    align-self: center;
			z-index: 999;
			position: relative;
		}
		.hutong-card {
			margin-top: 2rem;
			margin-left: 26%;
			z-index: 999;
        }	
    
        .icon-up-img {
            width: 4rem;
            height: 4rem;
            margin-top: 5rem;
        }
		.service-card .icon-next {
		    display: none;
		}
		.tz-gallery .thumbnail {
		    width: 22rem;
		    min-height: 32rem;
		    background: #FFFFFF;
		    box-shadow: 0.17rem 0.17rem 2.17rem 0rem rgba(0, 0, 0, 0.06);
		    border-radius: 1.5rem;
		    border: 0.08rem solid rgba(184, 177, 228, 0.18);
		    padding: 0;
		    margin: 0;
		    padding-top: 2.4rem;
		    margin-bottom: 0.8rem;
		}
		.lightbox {
		    width: 10rem;
		    height: 9rem;
		    background: #E9E6FB;
		    border-radius: 18px;
		    display: flex;
		    margin: auto;
		    align-items: center;
		}
		.tz-gallery .thumbnail .lightbox img {
		    width: 5.4rem;
		    height: 5.4rem;
		    padding: 0;
		}
		.tz-gallery .thumbnail .caption h3 {
		    height: 2.33rem;
		    font-size: 2.6rem;
		    font-family: PingFangSC-Medium, PingFang SC;
		    font-weight: 500;
		    color: #36356C;
		    line-height: 3rem;
		}
		.tz-gallery .thumbnail .caption p {
		    height: 8.42rem;
		    font-size: 2rem;
		    font-family: PingFangSC-Regular, PingFang SC;
		    font-weight: 400;
		    color: #36356C;
		    line-height: 3rem;
		    -webkit-line-clamp: 5;
		}
		.logo-item-list {
		    display: flex;
		    flex-wrap: wrap;
		}
    } /*>=1100的设备*/
    @media (min-width: 799px ) and ( max-width: 1279px) {
		#moma-forlanguage .banner-card {
		    width: 30rem;
		    height: 8.17rem;
		    background: #FFFFFF;
		    box-shadow: -2.17rem 2.17rem 3.67rem 0rem rgba(0, 0, 0, 0.12);
		    border-radius: 2.67rem;
		    display: flex;
		    justify-content: space-around;
		    align-items: center;
		    align-self: center;
			z-index: 999;
			position: relative;
		}
        #moma-forlanguage .banner-card-text {
            height: 5.5rem;
            font-size: 1.5rem;
            line-height: 1.83rem;
        }

        .offloading-img, .weilai-img, .hutong-img {
            width: 5.3rem;
            height: 6.5rem;
        }

        .icon-up-img {
            width: 4rem;
            height: 4rem;
            margin-top: -3rem;
        }
    }
	@media (min-width: 799px) {
		#moma-forlanguage {
		    /* height: 79.5rem; */
		    height: 58rem;
		    background: url(../images/forLanguage/banner-bg.png) no-repeat center bottom;
		    background-size: cover;
		    padding-left: 0;
			position: relative;
			z-index: 10;
		}
		.hutong-card {
			margin-top: -4rem;
			margin-left: 24.83%;
			z-index: 999;
        }	
		
	} /*>=1100的设备*/
	@media (min-width: 1280px) {
	#moma-forlanguage {
		/* height: 79.5rem; */
		height: 64rem;
		background: url(../images/forLanguage/banner-bg.png) no-repeat center bottom;
		background-size: cover;
		padding-left: 0;
		position: relative;
		z-index: 10;
	}	
	#moma-forlanguage .banner-card {
	    width: 30.25rem;
	    height: 10rem;
	    background: #FFFFFF;
	    box-shadow: -2.17rem 2.17rem 3.67rem 0rem rgba(0, 0, 0, 0.12);
	    border-radius: 2.67rem;
	    display: flex;
	    justify-content: space-around;
	    align-items: center;
	    align-self: center;
		z-index: 999;
		position: relative;
	}
	.hutong-card {
		margin-top: -4rem;
		margin-left: 24.83%;
		z-index: 999;
	}	
	.icon-up-img {
	    width: 4rem;
	    height: 4rem;
	    margin-top: -3rem;
	}
	.item-next-img-5 {
	    padding-left: 14%;
	    margin-top: -4rem;
    }
	} /*>=1280的设备*/

    @media (min-width: 1280px) and (max-width: 1439px) {
        .offloading-img, .weilai-img, .hutong-img {
            width: 7rem;
            height: 8.2rem;
        }
    }
	@media (min-width: 1366px) {
	#moma-forlanguage {
		/* height: 79.5rem; */
		height: 68rem;
		background: url(../images/forLanguage/banner-bg.png) no-repeat center bottom;
		background-size: cover;
		padding-left: 0;
		position: relative;
		z-index: 10;
	}
		
	}  

	@media (min-width: 1440px) {
	#moma-forlanguage {
		/* height: 79.5rem; */
		height: 74rem;
		background: url(../images/forLanguage/banner-bg.png) no-repeat center bottom;
		background-size: cover;
		padding-left: 0;
		position: relative;
		z-index: 10;
	}	
	#moma-forlanguage .banner-card {
	    width: 30.25rem;
	    height: 12.17rem;
	    background: #FFFFFF;
	    box-shadow: -2.17rem 2.17rem 3.67rem 0rem rgba(0, 0, 0, 0.12);
	    border-radius: 2.67rem;
	    display: flex;
	    justify-content: space-around;
	    align-items: center;
	    align-self: center;
		z-index: 999;
		position: relative;
	}
	.hutong-card {
		margin-top: -4rem;
		margin-left: 24.83%;
		z-index: 999;
	}
	.item-next-img-5 {
	    padding-left: 22%!important;
	    margin-top: -4rem;
	}
	} 

	@media (min-width: 1680px) {
		
	} 
	@media (min-width: 1920px) {
	#moma-forlanguage {
		/* height: 79.5rem; */
		height: 108rem;
		background: url(../images/forLanguage/banner-bg.png) no-repeat center bottom;
		background-size: cover;
		padding-left: 0;
		position: relative;
		z-index: 10;
	}
	#moma-forlanguage .banner-card {
	    width: 30.25rem;
	    height: 12.17rem;
	    background: #FFFFFF;
	    box-shadow: -2.17rem 2.17rem 3.67rem 0rem rgba(0, 0, 0, 0.12);
	    border-radius: 2.67rem;
	    display: flex;
	    justify-content: space-around;
	    align-items: center;
	    align-self: center;
		z-index: 999;
		position: relative;
	}
	.hutong-card {
		margin-top: 4rem;
		margin-left: 24.83%;
		z-index: 999;
	}
	.hutong-card {
		margin-top: 12rem;
		margin-left: 24.83%;
	}
	.item-next-img-5 {
	    padding-left: 30%!important;
	    margin-top: -4rem;
	}
	.icon-up-img {
	    width: 6rem;
	    height: 6rem;
	    margin-top: 5rem;
	}
	}