body, dd, dl, dt, form, h1, h2, h3, h4, h5, h6, html, input, label, li, p, textarea, ul {
    padding: 0;
    margin: 0
}

form {
    display: inline
}

img {
    border: 0
}

td {
    word-break: break-all
}

dd, dl, dt, li, ul {
    list-style: none
}

a {
    text-decoration: none
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #c6c6c6;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #c6c6c6;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #c6c6c6;
}

body {
    padding-bottom: 1.2rem;
    /*max-width: 16.0rem;*/
    margin: auto !important;
    font-family: "PingFangSC-Regular", Arial, Helvetica, sans-serif;
    background: #fff
}

.cf:before, .cf:after {
    display: table;
    content: ''
}

.cf:after {
    clear: both
}

.cf {
    zoom: 1
}



.header {
    width: 100%;
    height: 1.06rem;
    position: absolute;
    top: 0;
    z-index: 998;
}
.header-logo {
    margin-top: 0.18rem;
    margin-left: 0.20rem;
    width: 0.98rem;
    height: 0.48rem;
    float: left;
}
.header-menu {
    margin-top: 0.20rem;
    margin-right: 0.26rem;
    width: 0.4rem;
    height: 0.4rem;
    float: right;
}
.header-logo img, .header-menu img {
    width: 100%;
}

.header-nav {
    width: 0.38rem;
    height: 0.3rem;
    position: absolute;
    right: 0.28rem;
    top: 0.18rem;
    background: url(/wp-content/themes/huwa-wap/images/icon-nav.svg) no-repeat center center;
    background-size: 100%;
}

.banner {
    min-height: 4.32rem;
    position: relative;
}
.banner img {
    width: 100%;
    display: block;
}
.banner-title {
    margin-left: -1.28rem;
    margin-top: -0.5rem;
    width: 2.58rem;
    height: 1rem;
    background: rgba(255, 255, 255, .5);
    position: absolute;
    top: 50%;
    left: 50%;
    color: #3c3c3c;
    font-size: 0.36rem;
    line-height: 1rem;
    text-align: center;
    letter-spacing: 0.04rem;
}

.banner-index {
    overflow-x: hidden;
    position: relative;
}

.banner-index .swiper-pagination-bullet {
    margin: 0 0.04rem !important;
    width: 0.18rem;
    height: 0.12rem;
    background: #FFF;
    border-radius: 0.06rem;
    opacity: 1
}
.banner-index .swiper-pagination-bullet-active {
    background: #FFF;
    width: 0.4rem;
}

.page-content {
    position: relative;
}
.page-shadow {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    z-index: 999;
    background: transparent;
}
.page-menu {
    position: fixed;
    left: 100%;
    top: 0;
    width: 70%;
    height: 100%;
    text-align: left;
    z-index: 11111;
    overflow-y: scroll;
    overflow-x: hidden;
}
.page-menu>ul>li {
    border-bottom: 1px solid #F1F1F1;
    position: relative;
}
.page-menu>ul>li a {
    margin-left: 1rem;
    height: 1.04rem;
    line-height: 1.04rem;
    font-size: 0.32rem;
    color: #666666;
    display: inline-block;
}
.sub-menu {
    display: none;
}
.page-menu .sub-menu a {
    margin-left: 1.76rem;
    font-size: 0.28rem;
    height: 1.04rem;
    line-height: 1.04rem;
    display: inline-block;
}
.page-menu a:hover {
    color: #1e79a6;
}
.page-menu-close {
    width: 0.32rem;
    height: 0.32rem;
    position: absolute;
    right: 0.5rem;
    top: 0.32rem;
    background: url('/wp-content/themes/huwa-wap/images/icon-close.png') no-repeat;
    background-size: 100%;
}
.page-menu>ul>li.menu-item-has-children:after {
    content: ' ';
    width: 0.27rem;
    height: 0.16rem;
    background: url('/wp-content/themes/huwa-wap/images/arrow-1.png') no-repeat;
    display: inline-block;
    background-size: cover;
    position: absolute;
    right: 0.66rem;
    top: 0.36rem;
}
.page-menu>ul>li.sub-menu-open:after {
    background: url('/wp-content/themes/huwa-wap/images/arrow-2.png') no-repeat;
    background-size: cover;
}





.index-block {
    margin: 0.2rem;
    padding: 0.4rem;
    background: #ffffff;
    border-radius: 0.1rem;
    box-shadow: 0 4px 10px -3px rgba(199,199,199,0.5);
}
.index-block-title {
    margin-bottom: 0.36rem;
    font-size: 0.26rem;
    text-align: center;
    color: #424242;
}

.index-domain ul li {
    float: left;
    width: 33.33333333%;
    text-align: center;
}
.index-domain ul li img {
    width: 1rem;
    height: 1rem;
}
.index-domain ul li p {
    margin-top: 0.2rem;
    font-size: 0.24rem;
    color: #777777;
}


.index-brand-content {
    font-size: 0.24rem;
    color: #7f7f7f;
    line-height: 0.42rem;
}
.index-brand ul li {
    margin-top: 0.2rem;
    width: 25%;
    float: left;
}
.index-brand-item {
    padding: 0.3rem 0;
    margin: 0 0.2rem;
    border-radius: 0.16rem;
    background: #f5f5f5;
    color: #424242;
    text-align: center;
}
.index-brand-item p span {
    font-size: 0.2rem;
}
.index-brand-item p:nth-child(1) {
    height: 0.5rem;
    font-size: 0.34rem;
    line-height: 0.5rem;
}
.index-brand-item p:nth-child(2) {
    font-size: 0.20rem;
}


.index-case {
    margin: 0 0.4rem;
    padding: 0.2rem 0;
    position: relative;
}
.index-case-item {
    padding-bottom: 0.3rem;
    border-radius: 0.16rem;
    background: #ffffff;
    box-shadow: 0 3px 11px -1px rgba(198,198,198,0.5);
}
.index-case-img {
    width: 100%;
    height: 3.2rem;
    overflow: hidden;
    border-radius: 0.16rem 0.16rem 0 0;
}
.index-case-img img {
    width: 100%;
}
.index-case-content {
    padding: 0 0.16rem;
}
.index-case-name {
    margin: 0.18rem 0;
    font-size: 0.26rem;
    color: #424242;
}
.index-case-text {
    font-size: 0.2rem;
    color: #8e8e8e;
    line-height: 0.28rem;
}
.swiper-container-case .index-case-item {
    padding: 0.22rem 0;
}





.index-service {
    margin: 0 0.2rem;
    height: 4.9rem;
    border-radius: 0.1rem;
    /*background: url(/wp-content/themes/huwa-wap/images/index-service.png) no-repeat center center;
    background-size: 100%;*/
    box-shadow: 0 4px 10px -3px rgba(199,199,199,0.5);
}

.index-service-title {
    padding-top: 0.4rem;
    margin-bottom: 0.18rem;
    text-align: center;
    font-size: 0.28rem;
    font-weight: 400;
    line-height: 0.34rem;
}
.index-service-text {
    color: #656565;
    font-size: 0.22rem;
    font-weight: 400;
    line-height: 0.26rem;
    text-align: center;
    letter-spacing: 0.04rem;
}
.index-service-list {
    margin: 0 0.76rem;
    color: #656565;
    font-size: 0.22rem;
    font-weight: 400;
    line-height: 0.26rem;
    letter-spacing: 0.04rem;
}
.index-service-list ul {
    margin: 0.3rem 0;
}

.index-service-list ul li {
    height: 0.32rem;
    line-height: 0.32rem;
}
.index-service-list ul li, .index-service-list ul li img {
    vertical-align: middle;
}
.index-service-list ul li img {
    margin-right: 0.12rem;
    width: 0.32rem;
    height: 0.32rem;
}
.index-service-list ul li:first-child {
    float: left;
}
.index-service-list ul li:last-child {
    float: right;
}

.index-service-block {
    margin: 0 0.76rem;
}
.index-service-block ul li {
    padding: 0.5rem 0;
    width: 45%;
    border-radius: 0.16rem;
    background: #f5f5f5;
    text-align: center;
}
.index-service-block ul li:first-child {
    float: left;
}
.index-service-block ul li:last-child {
    float: right;
}

.index-service-block ul li p:first-child {
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.34rem;
}
.index-service-block ul li p:last-child {
    height: 0.24rem;
    line-height: 0.24rem;
    font-size: 0.2rem;
}
.index-service-block ul li p span {
    font-size: 0.2rem;
}


.index-tech {
    margin-top: 0.36rem;
}
.index-tech-title {
    margin-bottom: 0.36rem;
    color: #424242;
    font-size: 0.28rem;
    font-weight: 400;
    line-height: 0.34rem;
    text-align: center;
}
.index-tech-block {
    margin: 0 0.32rem;
}
.index-tech-block ul li {
    width: 25%;
    float: left;
}
.index-tech-block ul li img {
    width: 0.4rem;
    height: 0.4rem;
}
.index-tech-item {
    padding-top: 0.2rem;
    margin: 0 0.16rem;
    height: 1.16rem;
    text-align: center;
    border-radius: 0.16rem;
    background: #f5f5f5;
}
.index-tech-item p {
    margin-bottom: 0.1rem;
    font-size: 0.2rem;
    line-height: 0.24rem;
    color: #424242;
}
.index-tech-img {
    margin: 0.4rem 0.5rem 0;
}
.index-tech-img img {
    width: 100%;
}

.index-media {
    margin: 0.36rem 0.48rem;
}
.index-media-title {
    margin-bottom: 0.36rem;
    color: #424242;
    font-size: 0.28rem;
    font-weight: 400;
    line-height: 0.34rem;
    text-align: center;
}
.index-media-tab ul li {
    float: left;
    width: 46%;
}
.index-media-tab ul li:first-child {
    float: left;
}
.index-media-tab ul li:last-child {
    float: right;
}
.index-media-tab ul li a {
    height: 0.52rem;
    line-height: 0.52rem;
    display: block;
    text-align: center;
    border-radius: 0.08rem;
    background: #f2f2f2;
    font-size: 0.26rem;
    color: #848484;
}
.index-media-tab ul li.active a {
    background: #0094e3;
    color: #FFF;
}


.index-media-article {

}
.index-media-article-top {
    margin-top: 0.32rem;
    height: 2.06rem;
    border-radius: 0.1rem;
    background: #ffffff;
    box-shadow: 0 4px 10px -3px rgba(199,199,199,0.5);
    position: relative;
}
.index-media-article-img {
    width: 2.06rem;
    height: 2.06rem;
    position: absolute;
    top: 0;
    left: 0;
}
.index-media-article-img img {
    width: 100%;
    height: 100%;
}
.index-media-article-text {
    padding: 0.26rem;
    margin-left: 2.06rem;
    float: left;
}
.index-media-article-title {
    margin-bottom: 0.3rem;
    color: #4f4f4f;
    font-size: 0.26rem;
    font-weight: 400;
    line-height: 0.32rem;
}
.index-media-article-desc {
    margin-bottom: 0.3rem;
    color: #838383;
    font-size: 0.22rem;
    font-weight: 400;
    line-height: 0.26rem;
}
.index-media-article-date {
    color: #b4b4b4;
    font-size: 0.22rem;
    font-weight: 400;
    line-height: 0.26rem;
}
.index-media-article-item {

}
.index-media-article-item li {
    height: 1rem;
    line-height: 1rem;
    border-bottom: solid 0.02rem #e8e8e8;
}
.index-media-article-item li a {
    color: #838383;
    font-size: 0.22rem;
    font-weight: 400;
}

.index-customer {
    margin-top: 0.2rem;
    padding: 0.4rem;
}
.index-customer-title {
    margin-bottom: 0.36rem;
    color: #424242;
    font-size: 0.28rem;
    font-weight: 400;
    line-height: 0.34rem;
    text-align: center;
}
.index-customer-img {
    margin: 0.3rem 0.7rem;
}
.index-customer-img img {
    width: 100%;
}









.brand-intro-content p {
    color: #7f7f7f;
    font-size: 0.24rem;
    font-weight: 400;
    line-height: 0.42rem;
}
.brand-intro-content p a {
    margin: 0.26rem auto 0;
    width: 1.3rem;
    height: 0.44rem;
    line-height: 0.44rem;
    border-radius: 0.44rem;
    background: #0094e3;
    display: block;
    color: #ffffff;
    font-size: 0.22rem;
    text-align: center;
}


.brand-video-content img {
    width: 100%;
}

.brand-honor-content {
    color: #7f7f7f;
    font-size: 0.24rem;
    font-weight: 400;
    line-height: 0.42rem;
}
/*.brand-honor-content img {
    margin-top: 0.26rem;
    width: 100%;
}*/



.brand-tech-content {
    color: #7f7f7f;
    font-size: 0.24rem;
    font-weight: 400;
    line-height: 0.42rem;
}
.brand-tech-content img {
    margin-top: 0.26rem;
    width: 100%;
}


.brand-progress {

}
.brand-progress-content {
    background: url(/wp-content/themes/huwa-wap/images/progress-bg.png) repeat-y top center;
    background-size: 0.13rem 0.13rem;
}
.brand-progress-content ul li {
    width: 51%;
}
.brand-progress-content ul li p {
    margin-bottom: 0.2rem;
    color: #7f7f7f;
    font-size: 0.24rem;
    line-height: 0.34rem;
    position: relative;
}
.brand-progress-content ul li:nth-child(n) {
    float: right;
}
.brand-progress-content ul li:nth-child(2n) {
    float: left;
}
.brand-progress-content .hide {
    display: none;
}
.progress-right {
    padding-left: 0.54rem;
}
.progress-left {
    padding-right: 0.54rem;
}
.progress-right:after {
    content: ' ';
    width: 0.34rem;
    height: 0.34rem;
    border-radius: 0.17rem;
    background: #E9E9E9;
    display: inline-block;
    position: absolute;
    left: -0.11rem;
    top: 0;
}
.progress-left:after {
    content: ' ';
    width: 0.34rem;
    height: 0.34rem;
    border-radius: 0.17rem;
    background: #E9E9E9;
    display: inline-block;
    position: absolute;
    right: -0.11rem;
    top: 0;
}
.has-more {
    margin-top: 0.2rem;
    text-align: center;
}
.has-more a {
    padding: 0 0.2rem;
    height: 0.44rem;
    line-height: 0.44rem;
    border-radius: 0.44rem;
    background: #0094e3;
    color: #ffffff;
    font-size: 0.22rem;
    display: inline-block;
}



.ip-notice-title {
    color: #424242;
    font-size: 0.26rem;
}
.ip-notice-content {
    margin: 0.2rem 0;
}
.ip-notice-content p {
    color: #7f7f7f;
    font-size: 0.24rem;
    line-height: 0.42rem;
}
.ip-notice-important-text {
    float: left;
    color: #929292;
    font-size: 0.24rem;
}
.ip-notice-important-text a {
    color: #0094E3;
}
.ip-notice-important-btn {
    float: right;
    height: 0.44rem;
    line-height: 0.44rem;
    border-radius: 0.44rem;
    background: #0094e3;
}
.ip-notice-important-btn a {
    padding: 0 0.2rem;
    color: #ffffff;
    font-size: 0.22rem;
}

.ip-verify-title {
    color: #424242;
    font-size: 0.3rem;
}
.ip-verify-input {
    position: relative;
}
.ip-verify-input input {
    width: 100%;
    height: 1rem;
    border: none;
    outline: none;
    border-bottom: solid 0.02rem #e8e8e8;
    font-size: 0.24rem;
}
.ip-verify-input img {
    width: 2rem;
    height: 0.5rem;
    position: absolute;
    right: 0;
    top: 0.25rem;
}
.ip-verify-btn {
    margin-top: 0.4rem;
    text-align: center;
}
.ip-verify-btn a {
    width: 2.4rem;
    height: 0.72rem;
    line-height: 0.72rem;
    border-radius: 0.44rem;
    background: #0094e3;
    display: inline-block;
    color: #FFF;
    font-size: 0.32rem;
}
.ip-wechat-content {
    position: relative;
}
.ip-wechat-text {
    margin-left: 1.66rem;
    height: 1.4rem;
}
.ip-wechat-title {
    margin-bottom: 0.22rem;
    color: #424242;
    font-size: 0.26rem;
}
.ip-wechat-desc {
    color: #7f7f7f;
    font-size: 0.24rem;
    line-height: 0.42rem;
}
.ip-wechat-qr {
    width: 1.4rem;
    height: 1.4rem;
    position: absolute;
    left: 0;
    top: 0;
}
.ip-wechat-qr img {
    width: 100%;
}



.contact-company-name {
    margin-bottom: 0.2rem;
    color: #19191a;
    font-size: 0.3rem;
}
.contact-company-name span {
    margin-left: 0.1rem;
    color: #b4b4b4;
    font-size: 0.22rem;
}
.contact-detail p {
    margin-top: 0.1rem;
    color: #6b6b6b;
    font-size: 0.24rem;
}
.contact-map {
    margin-top: 0.3rem;
}
.contact-map img {
    width: 100%;
}

.news-tab {
    margin-top: 0.1rem;
}
.news-tab ul {
    text-align: center;
}
.news-tab ul li {
    margin: 0 0.1rem;
    display: inline-block;
}
.news-tab ul li a {
    padding: 0.16rem 0;
    font-size: 0.28rem;
    color: #838383;
    display: block;
    position: relative;
}
.news-tab ul li a.active {
    color: #19191a;
}
.news-tab ul li a.active:after {
    margin-left: -25%;
    width: 50%;
    content: ' ';
    height: 0.06rem;
    background: #0094e3;
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 50%;
}

.news-list {
    margin: 0.26rem 0.36rem 0;
}
.news-item {
    margin-bottom: 0.2rem;
    height: 2.24rem;
    border-radius: 0.16rem;
    background: #ffffff;
    box-shadow: 0 5px 10px -2px rgba(215,215,215,0.5);
    position: relative;
}
.news-item-text {
    margin-left: 2.16rem;
    padding: 0.2rem;
}
.news-item-title {
    margin-bottom: 0.36rem;
    color: #19191a;
    font-size: 0.26rem;
    line-height: 0.34rem;
}
.news-item-desc {
    color: #838383;
    font-size: 0.22rem;
    line-height: 0.4rem;
}
.news-item-img {
    width: 2.24rem;
    height: 2.24rem;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}
.news-item-img img {
    width: 100%;
}



.article-main {
    margin: 0.3rem;
}

.article-title {
    padding: 0.24rem 0 0.44rem 0;
    color: #19191a;
    font-size: 0.3rem;
    line-height: 0.36rem;
    text-align: center;
    font-weight: 400;
    border-bottom: 0.02rem solid #ededed;
}
.article-info {
    margin: 0.2rem 0;
    height: 0.6rem;
    line-height: 0.6rem;
    color: #7f7f7f;
    font-size: 0.22rem;
}
.article-info a {
    color: #7f7f7f;
}
.article-info-category, .article-info-date {
    width: 50%;
    height: 0.6rem;
    text-align: center;
}
.article-info-category {
    float: left;
}
.article-info-category-border {
    border-right: 0.02rem solid #ededed;
}
.article-info-date {
    float: right;
}
.article-content {
    color: #7f7f7f;
    font-size: 0.24rem;
}
.article-content p {
    margin-bottom: 0.24rem;
    line-height: 0.4rem;
}
.article-content img {
    max-width: 100%;
    height: auto !important;
}

.article-prev-next {
    padding-top: 0.32rem;
    border-top: 0.02rem solid #ededed;
    font-size: 0.24rem;
}
.article-prev, .article-next {
    height: 0.64rem;
    line-height: 0.64rem;
}
.article-prev-next a {
    color: #7f7f7f;
}


.gray-block {
    height: 0.22rem;
    background: #f1f1f1;
}
.news-recommend {
    margin-top: 0.34rem;
    margin-bottom: 0.1rem;
    color: #19191a;
    font-size: 0.3rem;
    text-align: center;
}


.case-main {
    margin: 0.28rem;
}

.case-title {
    margin: 0.2rem 0;
    color: #19191a;
    font-size: 0.3rem;
    font-weight: 400;
    text-align: center;
}
.case-title span {
    margin-left: 0.1rem;
    color: #A3A3A3;
    font-size: 0.24rem;
}

.case-content {
    color: #7f7f7f;
    font-size: 0.24rem;
}
.case-content p {
    margin-bottom: 0.24rem;
    line-height: 0.4rem;
}
.case-content img {
    max-width: 100%;
    height: auto;
}
.case-relation {
    padding: 0.38rem 0 0.2rem;
    border-top: 0.02rem solid #ededed;
    font-size: 0.24rem;
}
.case-relation-title {
    margin-bottom: 0.2rem;
    color: #424242;
}
.case-relation-desc {
    color: #7F7F7F;
    line-height: 0.4rem;
}

.job-search {
    padding: 0.16rem 0.24rem;
    background: #0094E3;
    position: relative;
}
.job-city {
    height: 0.54rem;
    line-height: 0.54rem;
    color: #ffffff;
    font-size: 0.28rem;
    position: absolute;
}
.job-city, .icon-arrow {
    vertical-align: middle;
}
.icon-arrow {
    margin-left: 0.1rem;
    width: 0.18rem;
    height: 0.09rem;
    background: url(/wp-content/themes/huwa-wap/images/icon-arrow.png) no-repeat;
    display: inline-block;
    background-size: 100%;
}
.job-keyword {
    margin-left: 1rem;
}
.job-keyword-input {
    height: 0.54rem;
    border-radius: 0.27rem;
    background: #ffffff;
    text-align: center;
}
.job-keyword-input, .job-keyword-input input, .icon-search {
    vertical-align: middle;
}
.job-keyword-input input {
    width: 50%;
    border: none;
    outline: none;
    height: 0.54rem;
    font-size: 0.24rem;
}
.icon-search {
    width: 0.26rem;
    height: 0.26rem;
    background: url(/wp-content/themes/huwa-wap/images/icon-search.png) no-repeat;
    display: inline-block;
    background-size: 100%;
}

.job-list {
    margin: 0.2rem;
}
.job-item {
    margin-bottom: 0.2rem;
    padding: 0.36rem 0.36rem 0.26rem;
    border-radius: 0.1rem;
    background: #ffffff;
    box-shadow: 0 5px 10px -3px rgba(199,199,199,0.5);
}


.job-name {
    float: left;
}
.job-name h4 {
    margin-bottom: 0.1rem;
    color: #19191a;
    font-size: 0.3rem;
    font-weight: 400;
}
.job-name p {
    color: #a7a7a7;
    font-size: 0.24rem;
}

.job-btn {
    padding-top: 0.1rem;
    float: right;
}
.job-btn a {
    padding: 0 0.3rem;
    display: inline-block;
    height: 0.62rem;
    line-height: 0.62rem;
    border-radius: 0.31rem;
    background: #0094e3;
    font-size: 0.28rem;
    color: #FFF;
}
.job-desc {
    margin: 0.4rem 0;
    color: #7f7f7f;
    font-size: 0.24rem;
    line-height: 0.38rem;
}

.job-detail {
    text-align: center;
}
.job-detail a {
    color: #0094e3;
    font-size: 0.28rem;
}



.business-intro-text {

}
.business-intro-text p {
    margin-bottom: 0.2rem;
    color: #5b5b5b;
    font-size: 0.24rem;
    line-height: 0.42rem;
}


.font-weight-bold {
    font-weight: bold;
}

.business-brand-content {

}
.business-brand .index-block-title {
    margin-bottom: 0.42rem;
}
.business-brand-content ul li {
    margin-right: 5%;
    float: left;
    width: 30%;
    text-align: center;
}
.business-brand-content ul li:last-child {
    margin-right: 0;
}
.business-brand-content ul li img {
    margin-bottom: 0.1rem;
    width: 0.72rem;
    height: 0.72rem;
}
.business-brand-content ul li p {
    color: #7f7f7f;
    font-size: 0.24rem;
    line-height: 0.38rem;
}
.business-brand-content ul.second {
    margin-top: 0.7rem;
}

.brand-service {
    height: 3.18rem;
    background: url(/wp-content/themes/huwa-wap/images/brand-service-img.png) no-repeat center center;
    background-size: 100%;
}
.brand-service-title {
    margin-top: 0.4rem;
    color: #424242;
    font-size: 0.26rem;
    text-align: center;
    font-weight: bold;
}
.brand-service-content p {
    margin: 0.3rem 0;
    color: #7F7F7F;
    font-size: 0.24rem;
    line-height: 0.42rem;
}
.brand-service-content p span {
    color: #5b5b5b;
}

.brand-tech-content {
    padding: 0 0.34rem;
}


.brand-tech.index-block {
    padding-left: 0;
    padding-right: 0;
}
.brand-tech-content ul li {
    float: left;
    width: 25%;
    text-align: center;
}
.brand-tech-content ul li img {
    margin-bottom: 0.1rem;
    width: 0.72rem;
    height: 0.72rem;
}
.brand-tech-content ul li p {
    color: #5b5b5b;
    font-size: 0.24rem;
    line-height: 0.38rem;
}


.brand-case-content {

}
.brand-case-item {
    margin-top: 0.24rem;
}
.brand-case-item img {
    width: 100%;
}


.brand-company-content img {
    width: 100%;
}

.business-support .business-brand-content ul li p {
    color: #5b5b5b;
    font-size: 0.24rem;
}
.brand-condition {
    padding-top: 0.2rem;
}
.brand-condition-title {
    margin-bottom: 0.4rem;
    color: #000;
    font-size: 0.26rem;
    text-align: center;
    font-weight: bold;
}

.brand-condition-content {
    margin: 0 0.4rem;
}
.brand-condition-content ul li {
    height: 1.1rem;
    line-height: 1.1rem;
    width: 49%;
    background-size: auto 100%;
    border-radius: 0.1rem;
    box-shadow: 0 0 100px rgba(0,0,0,0.07);
    font-size: 0.26rem;
    text-indent: 0.12rem;
}
.brand-condition-content ul li:first-child {
    float: left;
}
.brand-condition-content ul li:last-child {
    float: right;
}
.brand-condition-content ul {
    margin-bottom: 0.28rem;
}
.condition-bg-1 {
    background: url(/wp-content/themes/huwa-wap/images/condition-1.png) no-repeat center right;
}
.condition-bg-2 {
    background: url(/wp-content/themes/huwa-wap/images/condition-2.png) no-repeat center right;
}
.condition-bg-3 {
    background: url(/wp-content/themes/huwa-wap/images/condition-3.png) no-repeat center right;
}
.condition-bg-4 {
    background: url(/wp-content/themes/huwa-wap/images/condition-4.png) no-repeat center right;
}


.brand-flow {
    padding-top: 0.2rem;
}
.brand-flow-title {
    margin-bottom: 0.4rem;
    color: #000;
    font-size: 0.26rem;
    text-align: center;
    font-weight: bold;
}
.brand-flow {
    margin: 0 0.44rem 0.4rem;
}
.brand-flow-content img {
    width: 100%;
}

.brand-flow-from {
    margin: 0.2rem 0.46rem 0;
    overflow: hidden;
}
.brand-flow-input {
    height: 1rem;
    line-height: 1rem;
    position: relative;
}
.brand-flow-input label {
    width: 1.6rem;
    color: #333333;
    font-size: 0.32rem;
    position: absolute;
}
.brand-flow-input input {
    margin-left: 1.6rem;
    width: 100%;
    outline: none;
    border: 0.02rem solid #CCCCCC;
    color: #333333;
    font-size: 0.32rem;
}
.brand-flow-submit {
    margin: 0.2rem 0;
    text-align: center;
}
.brand-flow-submit a {
    padding: 0 0.38rem;
    height: 0.68rem;
    line-height: 0.68rem;
    border-radius: 0.34rem;
    background: #0094e3;
    display: inline-block;
    font-size: 0.24rem;
    color: #FFF;
}
.brand-flow-notice {
    color: #939393;
    font-size: 0.2rem;
    text-align: center;
}


.pds-main {
    margin: 0 0.32rem;
}
.pds-item {
    margin-top: 0.4rem;
    border-bottom: 0.02rem solid #f4f4f4;
}
.pds-title {
    height: 0.38rem;
    line-height: 0.38rem;
    font-size: 0.26rem;
    color: #19191a;
}
.pds-title img {
    width: 0.28rem;
    height: 0.38rem;
}
.pds-title, .pds-title img {
    vertical-align: middle;
}
.pds-content {
    margin: 0.3rem 0;
}
.pds-content p {
    color: #333333;
    font-size: 0.24rem;
    line-height: 0.46rem;
}
.pds-content p img {
    width: 100%;
}
.pds-item.no-border {
    border: none;
}
.pds-title.font-size-32 {
    font-size: 0.32rem;
}

.domain-container.index-block {
    padding: 0.48rem 0.3rem;
}
.domain-container-title {
    margin-bottom: 0.38rem;
    color: #424242;
    font-size: 0.26rem;
    text-align: center;
}
.domain-container-tab {
    margin-bottom: 0.6rem;
}
.domain-container-tab ul li {
    width: 33.3333333%;
    float: left;
    text-align: center;
    color: #777777;
    font-size: 0.24rem;
}
.domain-container-tab ul li.active {
    color: #0094e3;
}
.domain-container-tab ul li p {
    margin-top: 0.26rem;
}

.domain-container-img {
    width: 1rem;
    height: 1rem;
    display: inline-block;
}
.domain-container-img-1 {
    background: url("/wp-content/themes/huwa-wap/images/domain-img-1.png") no-repeat top center;
    background-size: 100%;
}
.domain-container-img-2 {
    background: url("/wp-content/themes/huwa-wap/images/domain-img-2.png") no-repeat top center;
    background-size: 100%;
}
.domain-container-img-3 {
    background: url("/wp-content/themes/huwa-wap/images/domain-img-3.png") no-repeat top center;
    background-size: 100%;
}
.domain-container-tab ul li.active .domain-container-img-1 {
    background: url("/wp-content/themes/huwa-wap/images/domain-img-1-active.png") no-repeat top center;
    background-size: 100%;
}
.domain-container-tab ul li.active .domain-container-img-2 {
    background: url("/wp-content/themes/huwa-wap/images/domain-img-2-active.png") no-repeat top center;
    background-size: 100%;
}
.domain-container-tab ul li.active .domain-container-img-3 {
    background: url("/wp-content/themes/huwa-wap/images/domain-img-3-active.png") no-repeat top center;
    background-size: 100%;
}

.domain-container-content p {
    color: #7F7F7F;
    font-size: 0.24rem;
    line-height: 0.42rem;
}
.domain-container-content p span {
    color: #5B5B5B;
}

.domain-article-tab {
    margin: 0.36rem 0.2rem 0;
}
.domain-article-tab ul {
    margin-bottom: 0.38rem;
}
.domain-article-tab ul li {
    height: 0.52rem;
    line-height: 0.52rem;
    float: left;
    margin-right: 5%;
    width: 30%;
    color: #848484;
    background: #f2f2f2;
    border-radius: 0.08rem;
    font-size: 0.26rem;
    text-align: center;
}
.domain-article-tab ul li:last-child {
    margin-right: 0;
}
.domain-article-tab ul li.active {
    color: #FFF;
    background: #0094e3;
}

.domain-article-list {
    margin: 0 0.2rem 0;
}
.domain-article-item {
    margin-bottom: 0.2rem;
    height: 2.24rem;
    border-radius: 0.16rem;
    background: #ffffff;
    box-shadow: 0 5px 10px -2px rgba(215,215,215,0.5);
    position: relative;
}
.domain-article-text {
    margin-left: 2.16rem;
    padding: 0.2rem;
}
.domain-article-title {
    margin-bottom: 0.24rem;
    color: #4f4f4f;
    font-size: 0.26rem;
    line-height: 0.34rem;
}
.domain-article-desc {
    color: #838383;
    font-size: 0.22rem;
    line-height: 0.28rem;
}
.domain-article-desc a {
    color: #0094E3;
}
.domain-article-img {
    width: 2.24rem;
    height: 2.24rem;
    position: absolute;
    left: 0;
    top: 0;
}
.domain-article-img img {
    width: 100%;
}


.service-intro .index-block-title {
    margin-bottom: 0.34rem;
}
.service-intro.index-brand ul li {
    margin-top: 0;
}
.service-intro .index-brand-content {
    margin-top: 0.28rem;
}
.service-intro .index-brand-content img {
    width: 100%;
}


.service-trace .index-block-title {
    margin-bottom: 0.48rem;
}
.service-trace-tab {
}
.service-trace-tab ul.cp3 li {
    width: 33.333333%;
}
.service-trace-tab ul.cp4 li {
    width: 25%;
}
.service-trace-tab ul li {
    float: left;
    color: #7f7f7f;
    font-size: 0.24rem;
    text-align: center;
}
.service-trace-tab ul li p {
    margin-top: 0.24rem;
}
.service-trace-tab ul li img {
    width: 0.6rem;
    height: 0.6rem;
}
.service-trace-content {
    margin-top: 0.8rem;
    color: #7f7f7f;
    font-size: 0.24rem;
    line-height: 0.42rem;
}
.service-design ul li {
    position: relative;
}
.service-design ul li:after {
    content: ' ';
    width: 0.24rem;
    height: 0.48rem;
    background: url("/wp-content/themes/huwa-wap/images/service-design-arrow.png") no-repeat center right;
    background-size: 100%;
    position: absolute;
    top: 0.06rem;
    right: -0.12rem;
}
.service-design ul li:last-child:after {
    display: none;
}



.swiper-container-tech {
    margin: 0.4rem 0.74rem 0.14rem;
    overflow: hidden;
}
.index-tech-slide {
    position: relative;
    overflow: hidden;
}
.index-tech-slide .swiper-slide {
    margin-right: 0.24rem;
    width: 1.84rem;
    height: 2.61rem;
    float: left;
}
.index-tech-slide .swiper-slide img {
    width: 1.84rem;
    height: 2.61rem;
}

.index-tech-slide .swiper-button-prev {
    background-image: url(/wp-content/themes/huwa-wap/images/slide-arrow-left.png);
    background-size: 0.32rem 0.32rem;
}
.index-tech-slide .swiper-button-next {
    background-image: url(/wp-content/themes/huwa-wap/images/slide-arrow-right.png);
    background-size: 0.32rem 0.32rem;
}

.index-case-wrapper {
    padding: 0 0.4rem 0.4rem;
    overflow: hidden;
}
.index-case .swiper-button-prev {
    background-image: url(/wp-content/themes/huwa-wap/images/slide-arrow-left.png);
    background-size: 0.32rem 0.32rem;
    left: -0.1rem;
}
.index-case .swiper-button-next {
    background-image: url(/wp-content/themes/huwa-wap/images/slide-arrow-right.png);
    background-size: 0.32rem 0.32rem;
    right: -0.1rem;
}




.footer {
    width: 100%;
    height: 0.98rem;
    position: fixed;
    bottom: 0;
    right: 0;
    background: #FFF;
    box-shadow: 0 -1px 10px rgba(0,0,0,0.05);
    z-index: 9999;
}

.footer ul li {
    margin-top: 0.16rem;
    width: 24%;
    float: left;
    text-align: center;
}

.footer ul li a img {
    width: 0.4rem;
}

.footer ul li a span {
    margin-top: 0.01rem;
    display: block;
    font-size: 0.18rem;
    color: #252525;
    font-weight: 500;
}

.footer ul li a i {
    width: 0.4rem;
    height: 0.4rem;
    display: inline-block;
}

.footer ul li:nth-child(1) a i {
    background: url(/wp-content/themes/huwa-wap/images/footer_icon1.svg) center center no-repeat;
    background-size: 100%;
}

.footer ul li:nth-child(2) a i {
    background: url(/wp-content/themes/huwa-wap/images/footer_icon2.svg) center center no-repeat;
    background-size: 100%;
}

.footer ul li:nth-child(3) a i {
    background: url(/wp-content/themes/huwa-wap/images/footer_icon3.svg) center center no-repeat;
    background-size: 100%;
}

.footer ul li:nth-child(4) a i {
    background: url(/wp-content/themes/huwa-wap/images/footer_icon4.svg) center center no-repeat;
    background-size: 100%;
}


.case-list {
    padding: 0.28rem 0.36rem;
}
.case-item {
    margin-bottom: 0.26rem;
    width: 100%;
    height: 3.5rem;
    overflow: hidden;
    border-radius: 0.16rem;
    position: relative;
}
.case-item img {
    width: 100%;
}
.case-item-box {
    max-width: 3.88rem;
    height: 0.66rem;
    line-height: 0.66rem;
    position: absolute;
}
.case-item-title {
    margin: 0 0.4rem;
    font-size: 0.28rem;
    color: #FFF;
    font-weight: bold;
}
.case-item-right .case-item-title {
    text-align: right;
}
.case-item-left {
    bottom: 0;
    left: 0;
    /*background: url(/wp-content/themes/huwa-wap/images/case-title-bg-left.png) no-repeat right center;*/
}
.case-item-right {
    bottom: 0;
    right: 0;
    /*background: url(/wp-content/themes/huwa-wap/images/case-title-bg-right.png) no-repeat left center;*/
}

.swiper-container-company {
    overflow: hidden;
}
.swiper-container-company .swiper-slide {
    width: 33.3333%;
    float: left;
}
.swiper-container-company .swiper-slide img {
    width: 100%;
}

.brand-form {
    margin: 0.5rem 0.05rem 0;
}
.brand-form-field {
    margin-bottom: 0.54rem;
    height: 0.48rem;
    position: relative;
    font-size: 0.32rem;
    color: #333333;
}
.brand-form-label {
    height: 0.48rem;
    line-height: 0.48rem;
    width: 1.8rem;
    position: absolute;
}
.brand-form-input {
    padding-left: 0.2rem;
    margin-left: 1.6rem;
    height: 0.48rem;
    border: 0.02rem solid #CCC;
    vertical-align: middle;
    overflow: hidden;
}
.brand-form-input input {
    width: 100%;
    height: 0.46rem;
    border: none;
    outline: none;
    vertical-align: middle;
}


.city-list {
    width: 2rem;
    position: absolute;
    top: 0.86rem;
    left: 0;
    background: #0094E3;
    display: none;
}
.city-list ul li {
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 0.28rem;
    color: #FFF;
    text-align: center;
}


.screen-reader-text {
    display: none;
}
.article-list-pagination {
    padding: 0.5rem 0;
    text-align: center;
}

.article-list-pagination .nav-links span,
.article-list-pagination .nav-links a {
    margin: 0 0.06rem;
    padding: 0 0.15rem;
    display: inline-block;
    height: 0.38rem;
    line-height: 0.38rem;
    text-align: center;
    color: #999999;
    border: 1px solid #DDDDDD;
    border-radius: 0.05rem;
    font-size: 0.22rem;
}
.article-list-pagination .nav-links span.current {
    color: #FFF;
    border: 1px solid #0094E3;
    background: #0094E3;
    border-radius: 0.05rem;
}
.honor-img-list li {
    margin-top: 0.2rem;
    width: 33.333%;
    float: left;
    text-align: center;
}
.honor-img-list li img {
    width: 94%;
}

.tech-img-list li {
    margin-top: 0.2rem;
    width: 25%;
    float: left;
    text-align: center;
}
.tech-img-list li img {
    width: 90%;
    border: 1px solid #AAA;
}
.brand-intro-content p.hide {
    display: none;
}

.not-found {
    padding: 2rem 0;
    text-align: center;
    font-size: 0.18rem;
    font-weight: bold;
}
.not-found a {
    color: #0d99d5;
}



.job-apply-box {
    margin-left: -3rem;
    margin-top: -3rem;
    width: 6rem;
    height: 6rem;
    border-radius: 0.1rem;
    box-shadow: 0 0 0.3rem rgba(150, 150, 150, .7);
    position: fixed;
    top: 50%;
    left: 50%;
    background: #FFF;
    display: none;
}
.job-apply-box-wrapper {
    padding: 0.2rem;
}
.job-apply-title {
    text-align: center;
    font-size: 0.26rem;
    color: #333;
}
.job-apply-form-field-input.disabled, .job-apply-form-field-input.disabled input {
    background: #EFEFEF;
}
.job-apply-form-field-name {
    margin:0.2rem 0 0.05rem;
    font-size: 0.18rem;
    color: #999;
}
.job-apply-form-field-input {
    padding: 0 0.1rem;
    height: 0.44rem;
    border-radius: 0.06rem;
    border: 1px solid #DCDCDC;
}
.job-apply-form-field-input input {
    width: 100%;
    height: 0.44rem;
    border: none;
    outline: none;
    font-size: 0.22rem;
}

.job-apply-form-btn {
    margin-top: 0.4rem;
    text-align: center;
}
.job-apply-form-btn a {
    padding: 0.15rem 0.2rem;
    background: #0693E2;
    font-size: 0.2rem;
    color: #FFF;
    border-radius: 0.06rem;
}

.business-intro-box1, .business-intro-box2 {
    margin: 0 auto;
    width: 6rem;
    height: 4.74rem;
    color: #FFF;
}
.business-intro-box1 {
    background: url(/wp-content/themes/huwa-wap/images/business-1-bg.png) no-repeat;
    background-size: 100%;
}
.business-intro-box2 {
    background: url(/wp-content/themes/huwa-wap/images/business-2-bg.png) no-repeat;
    background-size: 100%;
}
.business-intro-box-title {
    padding: 0.5rem;
    font-size: 0.3rem;
}
.business-intro-box-text {
    padding: 0 0.5rem;
    font-size: 0.26rem;
}
.font-size-40 {
    font-size: 0.4rem;
}


.job-apply-close {
    width: 0.4rem;
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: center;
    font-size: 0.22rem;
    position: absolute;
    top: 0;
    right: 0;
    border-top-right-radius: 0.1rem;
    background: #CCC;
    cursor: pointer;
    color: #FFF;
}
.job-apply-close:hover {
    background: #F55E4F;
}
.video-hide {
    width: 100%;
    display: none;
}<!--ºÄÊ±1759881987.6511Ãë-->