.main-1024{
    width: 1024px;
    margin: 0 auto;
}
.rob-header{
    height: 67px;
    background-color: #3a3f5c;
    width: 100%;
    position: fixed;
    z-index: 1000;
    top: 0;
}
.rob-header > div{
    line-height: 67px;
    /*overflow: hidden;*/

}
.rob-header > div > a{
    color: #ffffff;
    display: block;
    float: left;
    text-decoration: none;
    cursor: pointer;
    width: 110px;
    text-align: center;
    margin-left: 10px;
}
.rob-header > div > a:hover{
    border-bottom: 4px solid #e7a170;
    height: 63px;
}
.rob-header > div > a.active{
    border-bottom: 4px solid #e7a170;
    height: 63px;
}
.rob-header > div > a img{
    vertical-align: middle;
}
.rob-header > div .logo{
    margin-left: 37px;
    width: auto;
    margin-right: 40px;
}
.rob-header > div .logo:hover{
    border-bottom:0;


}
.rob-header > div .phone{
    margin-left: 47px;
    width: auto;

}
.rob-header > div .phone:hover{
    border-bottom:0
}
.rob-header > div .mail{

    width: auto;
    margin-left: 40px;
}
.rob-header > div .mail:hover{
    border-bottom:0
}
.rob-header > div > a >em{
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: #ffffff;
    border-radius: 50%;
    margin: 3px 5px;

}
.ind-content{
    margin-top: 40px;
}
.ind-content>a{
    margin-bottom: 34px;
    display: block;
}
/*3个关于机器人*/
.about-robot{
    margin-top: 53px;
    text-align: center;
    overflow: hidden;
}
.about-robot>a{
    float: left;
    width: 33.33%;
    display: block;
    color: #3a3f5c;
}
.about-robot>a em{
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: #3a3f5c;
    border-radius: 50%;
    margin: 3px 5px;
}
.about-robot>a h2 {
    margin-top: 50px;
    font-size: 24px;
}
.about-robot>a p {
    margin-top: 15px;
    font-size: 24px;

}
/*banner*/
.banner {
    overflow: hidden;
    position: relative;
    font-size: 0;
}

.b-img {
    height: 476px;
    position: absolute;
    left: 0;
    top: 67px;
}

.b-img a {
    display: block;
    height: 476px;
    float: left;
    width: 1024px;
}

.b-list {
    padding-top: 476px;
    position: relative;
    margin: 0 auto;
    z-index: 1;
    width: 57px !important;
}

.b-list span {
    display: block;
    cursor: pointer;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    border: 1px solid #c5c5c5;
    float: left;
    margin: 3px;
    _margin: 0 3px;
}

.b-list .spcss {
    background-color: #e7a707;
}
/*脚部*/
.footer{
    width: 100%;
    margin-top: 140px;
    background-color: #3a3f5c;
    font-size: 12px;
    color: #ffffff;
    height: 42px;
    line-height: 42px;
}
.footer .about-us{
    float: right;
}
.footer .about-us a{
    color: #ffffff;
    text-decoration: none;
    margin-left: 25px;

}
.footer span{
   margin-left: 55px;

}
.footer .tel{
  margin-left: 24px;
}
.footer span label{
    letter-spacing: 2px;
    margin-left: 5px;
}
/************************二级公共样式**********************/
/*使用*/
.use{
    height: 133px;
    padding-top: 67px;
    text-align: center;
    background-color: #e2e2e2;

}
.use>div{
    overflow: hidden;
    width: auto;
    margin: 0 auto;
    display: inline-block;
}
.use a{
    display: block;
    width: 80px;
    margin-top: 25px;
    padding: 0 50px;
    float: left;
    color: #000000;
    text-align: center;
}
.use a p{
    margin-top: 12px;
    color:#AAA9AE;
}
.use a p.active{
    color: #000000;
}
/*四个关于*/
.about{
    padding-top: 48px;
    color: #3a3f5c;
    text-align: center;
}
.about h1{
    font-size: 30px ;
}
.about  em{
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #3a3f5c;
    border-radius: 50%;
    margin: 8px 8px;
}
.about h2{
    font-size: 40px ;
    margin-top: 10px;

}
.about>div{
    overflow: hidden;
    display: inline-block;
    margin: 52px auto 48px;
}
.about>div>div{
    margin:0 24px;
    float: left;
}
/*最下的大简介*/
.deta{
    width: 904px;
    position: relative;

}
.deta .porple{
    position: absolute;
    left: 45px;
    background-color: #c9bf9e;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    top:-55px;
}
.deta .porple img{
    margin-top: 11px;
}
.deta-con{
    overflow: hidden;
}
.deta-left{
    width: 120px;
    float: left;
    border-right: 2px solid #ffffff;
    margin-top: 76px;
    padding-right: 98px;
    padding-left: 47px;
}
.deta-left p{

    font-size: 20px;
    line-height: 25px;
}
.deta-left .name{
    font-size: 28px;
    font-weight: bold;
    margin-bottom:20px;
}
.deta-left .name label{
    font-weight: 500;
}

.deta-left>div a{
    display: block;
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
    margin:10px -2px;

}
.deta-right{
    width: 557px;
    padding-top: 76px;
    padding-left: 41px;
    float: left;
}
.deta-right p{
    color: #483a20;
    text-align: justify;
    font-size: 20px;
    line-height: 36px;

}
/*中间内容背景*/
.content{
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 904px;
    margin: auto;
}
/**************************臂**************************************/
.bi-content{
    background-image: url("../img/bi/arm-di.jpg");
    height: 1174px;
}
.bi-content img{
    width: 100%;
    margin-top: 95px;
}
.bi-content >div{
    position: absolute;
    height: 733px;
    width: 733px;
    border-radius: 50%;
    top:376px;
    left: 76px;
    overflow: hidden;

}
.bi-deta{
    height: 411px;
    background-color: #c9bf9e;
}
.bi-deta .porple{
    background-color: #c9bf9e;
}

.bi-deta-left>div{
    margin-top: 92px;

}
.bi-deta-left p{
    color: #483a20;
}

.bi-deta-right p{
    color: #483a20;
}
/**************************点**************************************/

.dian-content{
    background-image: url("../img/dian/walk-di.jpg");
        height: 787px;
}
.dian-content >div img{
    width: 413px;
    position: absolute;
    top: 105px;
    left: 361px;

}
.dian-deta{
    background-color: #83bdd5;
    height: 385px;

}
.dian-deta .porple{
    background-color: #83bdd5;
}

.dian-deta-left>div{
    margin-top: 55px;

}

.dian-deta-left p{
    color: #ffffff;
}

.dian-deta-right p{
    color: #ffffff;
}
/**************************点--体育**************************************/

.dian-content-ti{
    background-image: url("../img/dian/golf-di.jpg");
    height: 787px;
}
.dian-content-ti img{
    position: absolute;
    top: 0;
    width: 500px;
}
/**************************袜**************************************/

.wa-deta{
    background-color: #6fbcac;
    height: 379px;

}
.wa-deta .porple{
    background-color: #6fbcac;
}


.wa-deta-left>div{
    margin-top: 48px;

}

.wa-deta-left p{
    color: #ffffff;
}

.wa-deta-right p{
    color: #ffffff;
}

.wa-content-ti{
    background-image: url("../img/wa/sock-di.jpg");
    height: 1169px;
}
.wa-content-ti >div{
    position: absolute;
    width: 650px;
    height: 650px;
    border-radius: 50%;
    overflow: hidden;
    top: 137px;
    left: 391px;
}
.wa-content-ti >div img{
    height: 90%;
    margin-left: 83px;
    margin-top: -10px;
}
/**************************AI**************************************/

.AI-yi-deta{
    background-color: #DAC886;
    height: 427px;

}
.AI-yi-deta .porple{
    background-color: #DAC886;
}


.AI-yi-deta-left>div{
    margin-top: 90px;

}

.AI-yi-deta-left p{
    color: #61531e;
}

.AI-yi-deta-right p{
    color: #61531e;
}

.AI-yi-content{
    background-image: url("../img/AI/AI-hos-di.jpg");
    height: 691px;
}

.AI-bo-content >div img{
    width: 240px;
    position: absolute;
    top: 275px;
    left: 245px;

}
.AI-yi-content >div img{
    width: 300px;
    position: absolute;
    top: 360px;
    left: 360px;

}
.AI-cang-content >div img{
    width: 535px;
    position: absolute;
    top: 392px;
    left: 106px;

}
.AI-bo-content{
    background-image: url("../img/AI/AI-mus-di.jpg");
    height: 691px;
}
.AI-cang-content{
    background-image: url("../img/AI/AI-store-di.jpg");
    height: 691px;
}
/**************************眼**************************************/

.eye-yu-deta{
    background-color: #e7a170;
    height: 432px;
    margin-top: -3px;
}
.eye-yu-deta .porple{
    background-color: #e7a170;
}


.eye-yu-deta-left>div{
    margin-top: 95px;

}
.eye-yi-deta-left>div{
    margin-top: 90px;

}
.eye-gao-deta-left>div{
    margin-top: 95px;

}

.eye-yu-deta-left p{
    color: #ffffff;
}

.eye-yu-deta-right p{
    color: #ffffff;
}

.eye-yi-deta-left p{
    color: #ffffff;
}

.eye-yi-deta-right p{
    color: #ffffff;
}
.eye-gao-deta-left p{
    color: #ffffff;
}

.eye-gao-deta-right p{
    color: #ffffff;
}
.eye-yu-content{
    background-image: url("../img/eye/tennis-di.jpg");
    height: 787px;
}
.eye-yu-content >div img{
    width: 280px;
    position: absolute;
    top: 364px;
    right: 630px;

}
.eye-yi-content{
    background-image: url("../img/eye/hos-di.jpg");
    height: 693px;
}
.eye-yi-content >div img{
    width: 215px;
    position: absolute;
    top: 137px;
    left: 63px;

}
.eye-gao-content{
    background-image: url("../img/eye/golf-di.jpg");
    height: 788px;
}
.eye-gao-content >div img{
    width: 220px;
    position: absolute;
    top: 51px;
    right: 54px;

}
/**************************机器人**************************************/

.man-deta{
    background-color: #d9aa72;
    height: 370px;

}
.man-deta .porple{
    background-color: #d9aa72;
}


.man-deta-left>div{
    margin-top: 50px;

}

.man-deta-left p{
    color: #3a3e5b;
}

.man-deta-right p{
    color: #3a3e5b;
}

.man-content{
    background-image: url("../img/man/rob-di.jpg");
    height: 691px;
}
.man-content >div img{
    width: 260px;
    position: absolute;
    top: 256px;
    right: 56px;

}
/*关于我们*/
.about-us{
    text-align: center;
}
.about-us p{
    line-height: 30px;
    font-size: 18px;
    color: #3a3f5c;
}
.about-us p.active{
    margin-top: 30px;
}
.about-us > .img{
    width: 483px;
    height: 297px;
    text-align: center;
    margin: 50px auto 0;

}
.mianze{
    width: 778px;
    margin: auto;
}
.mianze h1{
    margin: 206px auto 66px;
    text-align: center;
    font-size: 30px;
    color: #3a3f5c;
}
.mianze p{
    font-size: 18px;
    line-height: 30px;
    color: #3a3f5c;
    text-align: justify;
    text-indent: 2em;
}


/*联系我们*/
.call-us{
    text-align: center;
}
.call-us p{
    line-height: 30px;
    font-size: 18px;
    color: #3a3f5c;
}
.call-us p.active{
    margin-top: 30px;
}
.call-us > .img {
    width: 1024px;
    height: 321px;
    text-align: center;
    margin: 62px auto 0;

}
.call-phone{
   margin: 85px 0 67px 200px;
    height: 40px;
    line-height: 40px;
}
.call-phone span{
    color: #00529c;
    font-size: 20px;

}
.call-phone1{
    margin-right: 20px;
    vertical-align: middle;
}
.call-mail{
    margin-left: 90px;
    margin-right: 24px;
    vertical-align: middle;
}