/* ---header--- */
.header-top-area {
    position: fixed;
    background: #FFFFFF;
    z-index: 22;
    width: 100%;
    padding: 0.5rem 0.4rem;
}
.header-top-area .hta-left {
    width: 6rem;
}
.header-top-area .hta-center {
    display: none;
}

.hta-right {
    display: none;
}

.hta-phone-menu {
    position: absolute;
    right: 0;
    display: block;
}
.hta-phone-menu img {
    width: 2rem;
    height: 2rem;
}

.header-top-nav {
    position: fixed;
    top: 2.7rem;
    right: 0;
    width: 8rem;
    z-index: 99;
    transition: all .3s ease;
    display: none;
}

.head-nav-mask {
	position: fixed;
	top: 2.7rem;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	opacity: .5;
	z-index: 55;
    width: 100%;
    height: 100%;
    display: none;
}

/* --- banner --- */
.carousel-item img{
    height: 12rem;
}
/* --- banner --- */

.main-page {
    padding-top: 2.7rem;
}

.cont-ser-box  {
    padding: 1.2rem 0;
}

.cont-ser-head .title {
    font-size: 1rem;
    padding-bottom: 0.5rem;
}

.cont-ser-head .info {
    font-size: 0.9rem;
}

.cont-ser-row {
    padding: 0;
}

/*.cont-ser-item {
    padding: 0 0.5rem;
}*/

.cont-ser-row .col-6:nth-child(2n+1) {
    padding-right: 5px;
}

.cont-ser-row .col-6:nth-child(2n) {
    padding-left: 5px;
}

.cont-ser-btn {
    width: 7rem;
    height: 2rem;
    font-size: 0.9rem;
    margin-top: 1rem;
}

/* ------ */
.about-section {
    padding: 2rem 0;
}

.about-section .about-title {
    font-size: 1.1rem;
    padding-bottom: 0.8rem;
}

.about-section .about-step {
    padding-top: 0.5rem;
}

.about-section .about-row img {
    margin-top: 2rem;
}
/* ------ */

/* ---product--- */
.cont-product-row {
    padding: 0 0 1rem;
}
.product-item {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.feature-content {
    padding: 1rem 1rem 2rem;
}
.feature-content .title {
    margin-bottom: 0.5rem;
}
.feature-content .title h4  {
    font-size: 1.1rem;
}
.cont-bg-btn {
    width: 10rem;
    font-size: 0.9rem;
}
/* ---product--- */

/* ---case--- */
.case-section {
    padding: 1.5rem 0;
}
.cont-case-row {
    padding: 0 0 1rem;
}
.case-thumb img {
    height: 5rem;
}
.case-thumb .ct-img {
	height: 9rem;
}
.case-content {
    padding: 0.5rem 0.5rem 0.8rem;
}
.case-content .title {
    margin-bottom: 0.2rem;
}
/*.cont-case-row .col-6 {
    padding: 0 0.5rem;
}*/
.cont-case-row .col-6:nth-child(2n+1) {
     padding-right: 5px;
 }
.cont-case-row .col-6:nth-child(2n) {
    padding-left: 5px;
}
/* ---case--- */

/* ---news---*/
.news-section {
    padding: 1rem 0;
}
.cont-news-row {
    padding: 0 0;
}
.news-sec-item {
    height: 8rem;
    margin-top: 0;
}
.news-sec-item .news-img {
    width: 9rem;
    height: 6rem;
}
.news-sec-item .news-con {
    padding: 0.5rem;
}
.news-sec-item .new-sec-info {
    padding: 0.1rem 0 0.1rem 0.5rem;
}
.news-sec-item .new-sec-info .title {
    font-size: 1rem;
    width: 11rem;
    padding-bottom: 0.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-sec-item .new-sec-info .info {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* ---news--- */

/* ---partner--- */
.partners-section {
    padding: 1rem 0;
}
.partner-con {
    padding: 0 0 1rem;
}
.partner-con .col-6:nth-child(2n+1) {
    padding-right: 5px;
}
.partner-con .col-6:nth-child(2n) {
    padding-left: 5px;
}
.partner-item {
    margin: 1rem 0 0;
}
.partner-item img {
    height: 5rem;
}
/* ---partner--- */

/* ---footer--- */
.footer-top {
    padding-top: 1rem;
}
.footer-top h5 {
    font-size: 1.1rem;
    padding-bottom: 0.5rem;
}
.footer-two {
    padding-top: 1rem;
}
.footer-three {
    padding-top: 1rem;
}
.footer-bottom {
    padding: 0.8rem 0.5rem 3.3rem; /*0.3rem;*/
}
.footer-box {
    display: flex;
}
/* ---footer--- */

/* ---article--- */
.article-section {
    padding: 1rem 0;
}
.article-section .article-title {
    font-size: 1.1rem;
}
.article-section .info_body {
    padding: 1rem 0 !important;
}

.art-list .art-l-tab {
    padding: 0.5rem 1rem;
}
/* ---article--- */

/* ---about us--- */
.about-menu {
    padding: 1rem 0;
}
.about-menu .ab-m-item {
    width: 5rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 0.9rem;
}
/* ---about us--- */

/* ---contact--- */
.contact-section {
    padding-top: 1rem;
}
.contact-title {
    font-size: 1rem;
}
.contact-menu-row {
    padding-top: 0;
}
.cont-m-item {
    padding: 1rem 0.5rem;
}
.contact-map {
    padding: 1rem;
}
.map-canvas {
    margin-top: 1rem;
}
.contact-message {
    padding: 1rem;
}
.contact-message .sub-message-btn {
    width: 18rem;
}
/* ---contact--- */

/* ---login--- */
.login-page .login-box {
    width: auto;
    height: auto;
    margin-top: 2rem;
    padding-bottom: 1.5rem;
}
.login-form {
    padding-top: 1rem;
}
/* ---login--- */

/* ---official--- */
.off-sol-section {
    padding: 1rem 0;
}
.off-sol-row {
    padding-top: 0.5rem;
}
.off-sol-item {
    padding-top: 0.6rem;
}
.off-sol-title {
    font-size: 1rem;
}

.off-sys-row {
    padding-top: 1rem;
}

.off-sys-section {
    padding-top: 2rem;
}

.off-ser-icon {
    width: 4.5rem;
    height: 6.5rem;
}
/* ---official--- */

/* --- applet --- */
.appl-what-section {
    padding: 1rem 0;
}
.appl-w-row {
    padding-top: 1rem;
}
.appl-w-row .col-xl-4 {
    padding: 0 10px;
}
.appl-w-row .col-xl-4:nth-child(2n+1) {
    padding-right: 0;
}
.appl-w-item {
    padding: 1rem 0.5rem;
}
.appl-w-item .appl-w-icon {
    width: 2.5rem;
    height: 2.5rem;
}
.appl-w-item h5 {
    font-size: 1rem;
}
.appl-w-tips {
    padding: 0.5rem 0;
}

.appl-know-section {
    padding: 1rem 0;
}
.appl-k-row {
    padding-top: 0.5rem;
}
.appl-k-item {
    padding: 0 5px;
}
.appl-k-item .appl-k-icon {
    width: 2rem;
    height: 2rem;
}
.appl-k-item h5 {
    font-size: 0.9rem;
}
.appl-k-tips-title {
    font-size: 1.1rem;
    padding: 0.5rem 0;
}


.appl-adva-section {
    padding: 1rem 0;
}
.appl-adva-row {
    padding-top: 0;
}
.appl-adva-item {
    margin-top: 1rem;
}
.appl-adva-icon {
    width: 2rem;
    height: 2rem;
}
.appl-adva-item h5 {
    font-size: 1rem;
}
.appl-adva-item p {
    display: none;
}
.appl-p-box {
    height: 3rem;
}
.appl-p-box .appl-p-title {
    font-size: 1.1rem;
    padding: 0.8rem 0;
}
.appl-p-row {
    padding: 1rem 0;
}
.appl-p-step {
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    font-size: 2rem;
}
.appl-p-item h5 {
    font-size: 0.9rem;
    padding: 1rem 0;
}
/* --- applet --- */

/* --- app --- */
.app-shop-section {
    padding: 1rem 0;
}
.app-shop-icon {
    width: 4rem;
    height: 4rem;
}
.app-shop-item h5 {
    font-size: 1.1rem;
}

.app-scene-section {
    padding: 1rem 0;
}
.app-scene-item {
    padding: 0.5rem 0.5rem;
}
.app-scene-section .col-xl-4 {
    padding: 0 5px;
}
.app-scene-icon {
    width: 100%;
    height: 6rem;
    object-fit: contain;
}
.app-scene-item h5 {
    font-size: 1rem;
    padding: 0.5rem 0 0.2rem;
}

.app-market-row {
    padding: 1rem 10px;
}
.app-market-item {
    padding: 0.5rem;
}
.app-market-item .app-mi-icon {
    width: 3rem;
    height: 3rem;
}
.app-mi-title {
    font-size: 0.9rem;
    padding: 0.5rem 0 0.2rem;
}
.app-mi-info {
    font-size: 0.8rem;
}

.app-framework-section {
    padding: 1rem 0;
}
.app-framework-row {
    padding-top: 0;
}
.app-frm-box .app-frm-title {
    font-size: 0.9rem;
}

.app-service-row {
    padding-top: 1rem;
}
.app-service-space {
    display: none;
}
.app-service-section {
    padding: 1rem 0;
}
.app-service2-row {
    display: none;
}
.app-ser-item {
    margin-top: 1rem;
}
.app-ser-item .app-ser-icon {
    width: 5rem;
    height: 6rem;
}
.app-ser-item .app-ser-title {
    padding-top: 0.5rem;
    font-size: 1.1rem;
}
/* --- app --- */

/* --- website --- */
.web-sol-section {
    padding: 1rem 0;
}
.web-sol-title {
    padding-top: 1rem;
    padding-bottom: 0.5rem;
    font-size: 1rem;
}
.web-sol-p {
    font-size: 0.9rem;
}
.web-sol-p+.web-sol-p {
    padding-top: 0.1rem;
}
.web-need-section {
    padding: 1rem 0;
}
.web-need-row {
    padding-top: 1rem;
}
.web-need-item:nth-child(2n+1) .web-need-icon {
    margin-top: 0;
}
.web-need-icon {
    width: 6rem;
    height: 8rem;
}

.web-market-section {
    padding: 1rem 0;
}
.web-market-row {
    padding-top: 0;
}
.web-market-icon {
    width: 8.7rem;
    height: 7.5rem;
}
.web-market-title {
    font-size: 1rem;
    padding-top: 0.5rem;
}

.web-phone-section {
    padding: 1rem 0;
}
.web-phone-row {
    padding-top: 0;
}
.web-phone-item {
    padding: 0.5rem 1rem;
}
.web-phone-title {
    font-size: 1rem;
    padding: 0.2rem 0;
}
.web-phone-icon {
    width: 1.2rem;
    height: 1.2rem;
    margin-top: 0.5rem;
}

.web-provider-section {
    padding: 1rem 0;
}
.web-provider-row {
    padding-top: 0;
}

.web-ser-section {
    padding: 1rem 0;
}
.web-ser-row {
    padding-top: 0;
}
.web-ser-item {
    padding: 0.5rem;
}
.web-ser-icon {
    width: 10rem;
    height: 6.25rem;
}    
.web-ser-title {
    padding-top: 0.5rem;
    font-size: 0.9rem;
}
.web-ser-info {
    padding-top: 0.2rem;
}
/* --- website --- */

/* --- user --- */
.u-cont-menu-item .ser-item {
    width: 33.3%;
}
.ser-item .m-icon {
    width: 2rem;
    height: 2rem;
}
/* --- user --- */

/* ---user_info--- */
.ui-box .uib-ul .uib-li p {
    min-width: 5rem;
}
/* ---user_info--- */

.app-ser-btn {
    margin-top: 1.5rem;
}

/* --- 分页 --- */
.page-link {
    padding: 0.3rem;
}
/* --- 分页 --- */
/* --- 客服 --- */
.cust-ser-cont {
    display: block;
}
.csh-change {
    display: block;
}
.cust-ser-left {
    width: 100%;
    display: none;
}
.cust-ser-right {
    width: 100%;
}
/* --- 客服 --- */