@charset "UTF-8";
* {
    margin: 0;
    padding: 0;
}

html {
    font-size: 62.5%;
    font-weight: normal;
    font-family: Microsoft YaHei, serif;
}

body {
    position: relative;
}
/*雪碧图*/
.background-img {
    background: url(../img/background-img.png) no-repeat;
}

.icon-body {
    height: 14px;
    width: 15px;
    background-position: 0 0;
    margin-left: 30%;
}

.weixin {
    height: 26px;
    width: 25px;
    background-position: 0 -14px;
    right: 10%;
    top: 5%;
}

.weibo {
    height: 26px;
    width: 26px;
    background-position: 0 -40px;
    right: 18%;
    top: 5%;
}

.qq {
    height: 26px;
    width: 26px;
    background-position: 0 -66px;
    right: 14%;
    top: 5%;
}

.icon-right {
    height: 29px;
    width: 28px;
    background-position: 0 -92px;
    position: absolute;
    top: 30%;
    right: 0;
}

.icon1 {
    height: 72px;
    width: 51px;
    background-position: 0 -121px;
    margin-left: 40%;
}

.icon3 {
    height: 72px;
    width: 59px;
    background-position: 0 -193px;
    margin-left: 39%;
}

.goldyun {
    height: 64px;
    width: 61px;
    background-position: 0 -265px;
}

.icon2 {
    height: 72px;
    width: 69px;
    background-position: 0 -329px;
    margin-left: 36%;
}

.icon-code {
    height: 92px;
    width: 93px;
    background-position: 0 -401px;
    margin-left: 30%
}

.girl2 {
    height: 119px;
    width: 111px;
    background-position: 0 -493px;
    margin-left: 26%;
    margin-top: 15%;
}

.boy2 {
    height: 119px;
    width: 112px;
    background-position: 0 -612px;
    margin-left: 26%;
    margin-top: 15%;
}

.boy1 {
    height: 118px;
    width: 113px;
    background-position: 0 -731px;
    margin-left: 26%;
    margin-top: 15%;
}

.girl1 {
    height: 119px;
    width: 113px;
    background-position: 0 -849px;
    margin-left: 26%;
    margin-top: 15%;
}

.qiniu {
    height: 65px;
    width: 127px;
    background-position: 0 -968px;
}

.huanxin {
    height: 64px;
    width: 143px;
    background-position: 0 -1033px;
}

.alibaba {
    height: 64px;
    width: 144px;
    background-position: 0 -1097px;
}

.yuntongxun {
    height: 65px;
    width: 178px;
    background-position: 0 -1161px;
}

.logo {
    height: 49px;
    width: 107px;
    background-position: 0 -1226px;
    position: absolute;
    left: 3%;
    top: 17%
}
/*顶栏客服热线*/
.topnav {
    width: 100%;
    height: 30px;
    padding-left: 3%;
    position: relative;
    box-sizing: border-box;
}

.joinus {
    font-size: 1.6rem;
    color: #26a26f;
    line-height: 30px;
}

.topnav li {
    display: inline-block;
    position: absolute
}
/*导航栏*/
.nav {
    width: 100%;
    height: 70px;
    background: #26a26f;
    position: relative;
    list-style-type: none;

}

.nav a {
    font-size: 2rem;
    color: white;
    display: inline-block;
    vertical-align: text-top;
    text-decoration: none;
    margin: 0;
    padding: 0;
    position: absolute;
}

.about {
    right: 25%;
    top: 30%;
}

.rec {
    right: 32%;
    top: 30%;
}

.voc {
    right: 39%;
    top: 30%;
}

.home {
    right: 46%;
    top: 30%;
}
/*底部*/
.footer {
    clear: both;
    margin-top: 5%;
    width: 100%;
    height: 200px;
    box-sizing: border-box;
    padding: 3% 3%;
    color: #FFFFFF;
    background-color: #26a26f;
    line-height: 1.5rem;
    font-size: 1.2rem;
}

.p3 {
    font-size: 1.2rem;
    margin-bottom: 5%;
}
/*技能树改变你我*/
.term {
    width: 20%;
    float: left;
}

.term li {
    display: inline-block;
    border-right: 2px solid white;
    padding-right: 5%;
    font-size: 1.2rem;
}
.border-none{
    border: none;
}
/*旗下网站*/
.web {
    width: 15%;
    float: left;
    margin-left: 20%;
}

.web li {
    display: inline-block;
    font-size: 1.2rem;
}
/*二维码*/
.code {
    width: 20%;
    text-align: center;
    float: right;
    margin-right: 5%;
}
/*copyright*/
.copyright {
    width: 100%;
    clear: both;
    text-align: center;
    font-size: 1.5rem;
}