/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2018-12-15, 22:10:11
    Author     : yeqile
*/

.mobile-mode{
    display: none;
}
.mobile .mobile-mode{
    display: inline-block;
}
.mobile .pc-mode{
    display: none;
}

.page.mobile{
    width: 100%;
    min-width: 8rem;
}
.mobile .pageview{
    min-width: 3rem;
    min-height: 0.5rem;
}
.mobile .bigtitle{
    top: 1rem;
    height: .4rem;
}

.mobile .subtitle {
    top: 1.82rem;
    width: 100%;
    height: auto;
    font-size: .24rem;
    line-height: .3rem;
    color: #666666;
    text-align: center;
}
.mobile .bigtitlestyle{
    width: 2.19rem;
    height: .4rem;
    line-height: .4rem;
    font-size: 0.36rem;
}
.mobile .bigtitlestyle.text1{
    width: auto;
}
.mobile .bigtitlestyle.text2{
    width: auto;
}
/* 顶部栏区域样式 */
.mobile .top > .content{
    width: 7.4rem;
    height: 1rem;
}
.mobile .logo-area{
    width: 2.45rem;
    height: 1rem;
}
.mobile .logo-img{
    top: 0.15rem;
    width: 2.45rem;
    height: .7rem;
}
.mobile .topmenu{
    display: none;
}
.topmenu-btn{
    display: none;
}
.mobile .topmenu-btn{
    display: inline-block;
    position: absolute;
    right: 0;
    width: .45rem;
    height: .38rem;
    top: .31rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(../imgs/topmobilemenu.png);
}

.mobile .banners > .content{
    width: 100%;
    min-width: 8rem;
    height: 11rem;
}
.mobile .bannermain{
    width: 8rem;
    height: 11rem;
}

.mobile #swiper1{
    min-width: 8rem;
    height: 11rem;
}


.mobile .siwper-inner-content{
    width: 8rem;
    height: 11rem;
}

.mobile .swiper-intro-area{
    top: 0.7rem;
    padding-left: 0;
    width: 100%;
    text-align: center;
}

.mobile .banner-bigtitle{
    font-size: .6rem;
    line-height: .75rem;
}

.mobile .banner-smalltitle{
    font-size: .26rem;
}
.mobile .banner-smalltitle.s1{
    margin-top: 0.29rem;
    margin-bottom: 0.5rem;
}

.mobile .banner-btntitle{
    display: initial;
    padding: 0.15rem 0.4rem;
    height: 0.6rem;
    margin: 0 auto;
    border-radius: 0.1rem;
    line-height: 0.6rem;
    font-size: .26rem;
    white-space: nowrap;
}
.mobile .banner-img{
    display: none;
}

.banner-img-m{
    display: none;
}
.mobile .banner-img-m{
    display: block;
    margin-top: 1rem;
    width: 8rem;
    height: 6.8rem;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.mobile .swiper-container{
    min-width: 8rem;
}

.banner-img-m.s1{
    background-image: url(//cdn.utaplus.cn/utaplus/imbanner1m-fs8.png);
}
.banner-img-m.s2{
    background-image: url(//cdn.utaplus.cn/utaplus/imbanner2m-fs8.png);
}
.banner-img-m.s3{
    background-image: url(//cdn.utaplus.cn/utaplus/imbanner3m-fs8.png);
}
.banner-img-m.s4{
    background-image: url(//cdn.utaplus.cn/utaplus/imbanner4m4-fs8.png);
}
.mobile .swiper-pagination-bullets{
    bottom: -0.8rem;
}
.mobile .swiper-pagination-bullet{
    width: 0.57rem;
}

.mobile .wecando > .content{
    width: 100%;
    min-width: 8rem;
    height: 8.4rem;
}
.mobile .wecando .main-icons{
    top: 2.85rem;
    height: auto;
}
.mobile .wecando-icon{
    width: 1.9rem;
    text-align: center;
    height: 2rem;
    margin: 0 1rem;
    margin-bottom: 0.59rem;
}
.mobile .icon-img{
    width: 1.45rem;
    height: 1.45rem;
}


.mobile .icon-text{
    height: 0.24rem;
    font-size: 0.24rem;
    line-height: 0.24rem;
    width: 1.9rem;
}

.mobile .mobile-bias1{
    top: 0.87rem;
}

.mobile .solutions > .content{
    width: 8rem;
    height: 23.81rem;
}

.mobile .cube-area{
    display: none;
}
.mobile .cube-inner{
    left: 0.1rem;
    right: 0.1rem;
    top: 0.1rem;
    bottom: 0.1rem;
}

.mobile .cube-area-mobile{
    display: block;
    position: absolute;
    top: 1.96rem;
    left: 0;
    right: 0;
    height: auto;
}

.cube-area-mobile-content{
    position: relative;
    width: 7.5rem;
    margin: 0 auto;
    font-size: 0;
}

.cube-box-mobile{
    font-size: 0;
    vertical-align: top;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    margin-bottom: 0.2rem;
    text-align: center;
}

.cube-box-mobile.small:nth-child(2n+1) {
    margin-left: 0.2rem;
}

.cube-box-mobile.big{
    width: 7.4rem;
    height: 7.6rem;
}

.mobile .cube-box-img{
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.mobile .cube-box-mobile.big > .cube-box-img{
    width: 7.4rem;
    height: 6.6rem;
}
.mobile .cube-box-mobile.small > .cube-box-img{
    width: 3.6rem;
    height: 3.2rem;
}


.mobile .cube-box-mobile.small{
    width: 3.6rem;
    height: 4.2rem;
}
.mobile .cube-box-mobile .cube-text{
    background-color: #01367c;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1rem;
    overflow: hidden;
    text-align: left;
    line-height: 1rem;
}

.mobile .cube-text > span{
    padding: 0 0.25rem;
    display: inline-block;
    vertical-align: middle;
    line-height: 0.36rem;
    font-size: 0.27rem;
    color: white;
    text-align: left;
}

.mobile .friends > .content{
    width: 8rem;
    height: 5.31rem;
}

.subtitle-mobile{
    display: none;
}

.mobile .subtitle-mobile{
    display: block;
    position: absolute;
    top: 1.81rem;
    width: 100%;
    height: auto;
    font-size: 0.24rem;
    line-height: 0.32rem;
    color: #666666;
    text-align: center;
}

.mobile .friends .subtitle{
    display: none;
}

.mobile .company > .content{
    width: 8rem;
    min-height: 2rem;
    height: auto;
    background-size: cover;
    background-image: url(../imgs/companybg-mobile.jpg);
}

.mobile .company-icons{
    position: relative;
    padding-top: 1.65rem;
    padding-left: 0.1rem;
    padding-bottom: 0.56rem;
    width: 8rem;
    height: auto;
}

.mobile .company-icon{
    width: 2.6rem;
    height: 0.8rem;
    margin-bottom: 0.1rem;
}

.mobile .company-bottom{
    width: 8rem;
    height: 0.1rem;
}
.mobile .company-icon > .off{
    display: none;
}

.mobile .company-icon:hover > .off{
    display: none;
}

.mobile .company-icon > .on{
    display:  inline-block;
    background-size: auto 100%;
}

.mobile .company-icon:hover > .on{
    display: inline-block;
    background-size: auto 100%;
}

.mobile .greyline{
    top: 0.2rem;
    width: 1px;
    height: 0.44rem;
}

.mobile .company-icon.as-line:nth-child(7n){
    display: inline-block;
}

.mobile .company-icon.as-line:nth-child(3n) {
    display: none;
}

.mobile .company-icon.as-line:nth-child(21) {
    display: none;
}

.mobile .floating-tags{
    position: absolute;
    top: -1.61rem;
    text-align: center;
    width: 8rem;
    height: auto;
}

.mobile .floating-tag{
    width: 2.4rem;
    height: 2.76rem;
    margin-left: 0.05rem;
    margin-right: 0.05rem;
}

.mobile .floating-area1{
    height: auto;
    left: 0;
    width: 2.4rem;
    top: 0.45rem;
    bottom: 0;
    text-align: center;
}


.mobile .floating-img1,
.mobile .floating-img2,
.mobile .floating-img3{
    top: 0;
    width: 100%;
    height: 0.65rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center top;
}


.mobile .floating-null,
.mobile .floating-null2,
.mobile .floating-null3{
    display: none;
}

.mobile .floating-num1,
.mobile .floating-num2,
.mobile .floating-num3{
    margin-top: 0.37rem;
    font-size: 0.52rem;
    top: 0;
    line-height: 0.52rem;
    height: 0.52rem;
    font-weight: lighter;
}

.mobile .floating-mun-sup{
    font-size:0.15rem;
    top:-0.15rem;
    left:0rem;
}

.mobile .floating-text1,
.mobile .floating-text2,
.mobile .floating-text3{
    height: auto;
    width: 2rem;
    line-height: 0.2rem;
    font-size: 0.2rem;
    color:  #aaaaaa;
    top: 0.13rem;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
}

.mobile .aboututa > .content {
    width: 8rem;
    min-width: 8rem;
    height: 7.3rem;
}

.mobile .aboututamain{
    height: 7.3rem;
    width: 8rem;
    background-size: cover;
    background-position: center top;
}

.mobile .aboututa-menu{
    width: 8rem;
    height: 0.7rem;
    top: 2.1rem;
    left: 0rem;
}

.mobile .aboututa-menu > .menu-item{
    display: inline-block;
    width: 1.97rem;
    height: 0.7rem;
}

.mobile .aboututa-menu > .menu-item > .menu-selected-bg,
.mobile .aboututa-menu > .menu-item > .menu-item-text {
    width: 2rem;
    height: 0.7rem;
    left: 0;
    top: 0;
}


.mobile .menu-item-text{
    font-size: 0.24rem;
    line-height: 0.7rem;
}

.mobile .aboututa-menu > .menu-item-line {
    vertical-align: top;
    display: inline-block;
    width: 1px;
    height: 0.7rem;
    background-color: transparent;
}

.mobile .menu-item-line > span.mobile-mode{
    position: absolute;
    top: 0.19rem;
    width: 1px;
    height: 0.31rem;
    background-color: transparent;
}

.mobile .aboututa-texts{
    width: 7.24rem;
    left: 0.38rem;
    top: 3.4rem;
}

.mobile .aboututa-text{
    line-height: 0.26rem;
    font-size: 0.2rem;
}

.mobile .contact{
    display: none;
}

.contact-mobile{
    display: none;
}

.mobile .contact-mobile{
    display: block;
}

.contact-mobile > .content{
    height: 2.6rem;
    width: 7.32rem;
    background-size: cover;
}

.contact-m-title{
    position: absolute;
    top: 0.4rem;
    height: 0.54rem;
    left: 0;
    right: 0;
}

.contact-m-title > div{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    line-height: 0.54rem;
    font-size: 0.24rem;
    text-align: left;
    color: #666666;
}
.contact-m-title .third-party-icon{
    width: 0.54rem;
    height: 0.54rem;
    margin-left: 0.24rem;
}

.contact-m-title .third-party-icons{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: auto;
}


.contactinfo-m-cards{
    position: absolute;
    top: 1.24rem;
    width: 100%;
    height: auto;
    left: 0;
    right: 0;
}

.contactinfo-m-cards{
    font-size: 0;
}
.contactinfo-m-cards > div{
    position: absolute;
    top: 0;
    vertical-align: top;
    font-size: 0.2rem;
    line-height: 0.25rem;
    color: #999999;
    white-space: nowrap;
    text-align: left;
}

.contactinfo-m-card-left{
    left: 0;
    width: 3.3rem;
}

.contactinfo-m-card-right{
    right: 0;
    width: 3.77rem;
}

.mobile .footer > .content{
    width: 8rem;
    height: auto;
    line-height: 0.25rem;
    font-size: 0.2rem;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
}

/*

.footer{
    background-color: #eeeeee;
}
.footer > .content{
    width: 80rem;
    height: 1.9rem;
    text-align: center;
    line-height: 1.9rem;
    color: #999999;
    font-size: .6rem;
}

.footer a,
.footer a:hover,
.footer a:visited{
    color: #999999;
    text-decoration: none;
}

.swiper-pagination-bullet{
    width: 42px;
    height: 3px;
    background-color: white;
    border-radius: 2px;
    opacity: 1;
}
.swiper-pagination-bullet-active{
    background-color: #21f0ff;
}*/