/* 第一屏 */
.one{
    background: url("../img/index/one.png") 50% 50% no-repeat;
    background-size: cover;
    color: white;
}

.one_positioning{
    height: 3.35rem;
    margin-top: 0.74rem;
    background: url("../img/index/PIC-BIM+.png") 50% 50% no-repeat;
    background-size: 90%;
    background-color: rgba(137, 112, 90, 0.2);
    font-size: 0.34rem;
    padding-left: 1.37rem;
}

.one_positioning>p{
    margin: 0;
}

.positioning_top{
    height: 1.35rem;
    padding-top: 0.2rem;
}

.positioning_top>p:first-child{
    color: #FD9F24;
    font-weight: 600;
    font-size: 0.38rem;
}

.positioning_bottom{
    height: 2rem;
    padding-top: 0.3rem;
}

.positioning_bottom>p:first-child{
    color: #FD9F24;
    font-weight: 600;
    font-size: 0.38rem;
}

.serviceTitle{
    line-height: 0.64rem;
    position: relative;
    padding-left: 1.16rem;
    font-weight: 600;
    margin-top: 1.23rem;
}

.serviceTitle:before{
    content: "";
    position: absolute;
    display: inline-block;
    height: 0.64rem;
    width: 0.12rem;
    background-color: #A78566;
    left: 0.71rem;
}

.serviceContent{
    width: 9.9rem;
    height: 7.15rem;
    background-color: rgba(137, 112, 90, 0.5);
    margin: 0 auto;
    margin-top: 0.34rem;
    border-radius: 5px;
}

.serviceContent>ul>li{
    line-height: 1.1rem;
    padding-left: 1.6rem;
    position: relative;
}

.serviceContent>ul>li:before{
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 0.63rem;
}

.serviceContent>ul>li:nth-child(1):before{
    width: 0.52rem;
    height: 0.67rem;
    background: url("../img/index/1.0-icon.png") 50% 50% no-repeat;
    background-size: cover;
}

.serviceContent>ul>li:nth-child(2):before{
    width: 0.64rem;
    height: 0.57rem;
    background: url("../img/index/zixunicon.png") 50% 50% no-repeat;
    background-size: cover;
}

.serviceContent>ul>li:nth-child(3):before{
    width: 0.64rem;
    height: 0.57rem;
    background: url("../img/index/qita.png") 50% 50% no-repeat;
    background-size: cover;
}

.serviceContent>ul>li:nth-child(4):before{
    width: 0.64rem;
    height: 0.63rem;
    background: url("../img/index/FM-icon-23.png") 50% 50% no-repeat;
    background-size: cover;
}

.serviceContent>ul>li:nth-child(5):before{
    width: 0.63rem;
    height: 0.62rem;
    background: url("../img/index/TTek-icon.png") 50% 50% no-repeat;
    background-size: cover;
}

.serviceContent>ul>li:nth-child(6):before{
    width: 0.53rem;
    height: 0.64rem;
    background: url("../img/index/R&D-icon.png") 50% 50% no-repeat;
    background-size: cover;
}

/* 第二屏 */
.two>p:first-child{
    line-height: 1rem;
    color: #E28204;
    font-size: 0.4rem;
    padding-left: 0.7rem;
}

.two>p:first-child>span{
    font-size: 0.34rem;
}

.two_content{
    width: 9.9rem;
    height: 6.24rem;
    background: #F6F6F6;
    border-radius: 5px;
    margin: 0 auto;
    margin-bottom: 0.2rem;
}

.two_content>img{
    width: 9.42rem;
    height: 3.85rem;
    margin-left: 50%;
    transform: translateX(-50%);
    margin-top: 0.26rem;
}

.two_content>P{
    width: 100%;
    line-height: 0.7rem;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    padding: 0 0.26rem;
    color: #808080;    
}

.two_content>P:nth-child(3){
    font-size: 0.42rem;
    color: black;
    font-weight: 600;
}

.two>div:last-child{
    text-align: right;
    padding-right: 0.68rem;
    color: #808080; 
    margin-top: 0.2rem;  
}

.two>div:last-child>a{
    color: #808080;    
}

/* 第三屏 */
.three{
    background-color: #527281;
    color: white;
}

.three-box{
    width: 300vw;
    position: absolute;
    left: 0;
    height: 100%;
}

.three_content{
    margin-top: 12%;
    padding-left: 0.76rem;
    width: 100vw;
    float: left;
}

.three_content img{
    width: 1.89rem;
    height: 2.24rem;
}

.three_content>p:nth-child(2){
    margin-top: 0.62rem;
    font-size: 0.48rem;
    font-weight: 600;
}

.three_content>div:nth-child(3){
    margin-top: 0.39rem;
}

.three_content>div:nth-child(3)>a{
    display: inline-block;
    border-radius: 0.5rem ;
    width: 2.02rem; 
    height: 0.65rem;
    background: #BE8E47;
    color: white;
    text-align: center;
    line-height: 0.65rem;
}

.three_content>p:last-child{
    display: inline-block;
    width: 6.35rem;
    margin-top: 0.74rem;
}

.three_bottom{
    position: absolute;
    right: 0.73rem;
    top: 21%;
}

.three_bottom>div{
    margin-top: 1rem;
}

.three_bottom span{
    display: inline-block;
    width: 0.96rem;
    height: 0.96rem;
}

.three_bottom>div:nth-child(1)>span{
    background: url("../img/index/TTekPM1.png") 50% 50% no-repeat;
    background-size: cover;
}

.three_bottom>div:nth-child(2)>span{
    background: url("../img/index/TTekFM1.png") 50% 50% no-repeat;
    background-size: cover;
}

.three_bottom>div:nth-child(3)>span{
    background: url("../img/index/qita1.png") 50% 50% no-repeat;
    background-size: cover;
}

.showOne{
    background-image: url("../img/index/TTekFM1-click.png") !important
}

.showTwo{
    background-image: url("../img/index/TTekPM1-click.png") !important
}

.showThree{
    background-image: url("../img/index/qita-click.png") !important
}