/* cephalic */
.cephalic{
    width: 100%;
    height: 429px;
    background-color: rgb(181, 208, 204);
    position: relative;
}

/* sylloge */
.sylloge{
    width: 100%;
    height: 1062px;
    background-color: #FFFFFF;
    position: relative;
}
.sylloge_module1{
    width: 220px;
    height: 98px;
    background: url(https://img.alicdn.com/imgextra/i2/39767794/O1CN01oLHFxH27RhdqQtSpf_!!39767794.png) no-repeat;
    position: absolute;
    top: 102px;
    left: calc(50% - 390px);
    box-shadow: 0px 0px 10px #9ea2a2;
    transition: all 0.3s;
}
.sylloge_module2{
    width: 164px;
    height: 31px;
    background: url(https://img.alicdn.com/imgextra/i2/39767794/O1CN01vPsQop27Rhe0Ssq7v_!!39767794.png) no-repeat;
    position: absolute;
    top: 153px;
    left: calc(50% - 164px/2);
}
.sylloge_module3{
    width: 103px;
    height: 95px;
    background-color: rgb(50, 190, 170);
    position: absolute;
    top: 104px;
    left: calc(50% + 289px);
}
.sylloge_module4{
    width: 97px;
    height: 93px;
    background-color: rgb(50, 190, 170);
    position: absolute;
    top: 212px;
    left: calc(50% - 503px);
}
.sylloge_module5{
    width: 169px;
    height: 96px;
    background: url(https://img.alicdn.com/imgextra/i1/39767794/O1CN01eiyYtD27RhdvUkSLk_!!39767794.png) no-repeat;
    position: absolute;
    top: 210px;
    left: calc(50% - 390px);
    box-shadow: 0px 0px 10px #9ea2a2;
    transition: all 0.3s;
}
.sylloge_module6{
    width: 134px;
    height: 93px;
    background-color: rgb(216,242,238);
    position: absolute;
    top: 212px;
    left: calc(50% - 210px);
}
.sylloge_module7{
    width: 325px;
    height: 96px;
    background: url(https://img.alicdn.com/imgextra/i1/52572554/O1CN01KTvUpQ1UjmetnSeUM_!!52572554.jpg) no-repeat;
    position: absolute;
    top: 210px;
    left: calc(50% + 67px);
    box-shadow: 0px 0px 10px #9ea2a2;
    transition: all 0.3s;
}
.sylloge_module8{
    width: 97px;
    height: 95px;
    background-color: rgb(196, 235, 229);
    position: absolute;
    top: 210px;
    left: calc(50% + 403px);
}
.sylloge_module9{
    width: 97px;
    height: 106px;
    background-color: rgb(216, 242, 238);
    position: absolute;
    top: 319px;
    left: calc(50% - 503px);
}
.sylloge_module10{
    width: 97px;
    height: 106px;
    background-color: rgb(137, 216, 204);
    position: absolute;
    top: 436px;
    left: calc(50% - 503px);
}
.sylloge_module11{
    width: 255px;
    height: 270px;
    background: url(https://img.alicdn.com/imgextra/i2/39767794/O1CN01UuAIDw27RhdzlQ40S_!!39767794.png) no-repeat;
    position: absolute;
    top: 320px;
    left: calc(50% - 389px);
    transition: all 0.3s;
}
.sylloge_module12{
    width: 251px;
    height: 241px;
    background: url(https://img.alicdn.com/imgextra/i2/39767794/O1CN019n1w8u27RhdsakQ7R_!!39767794.png) no-repeat;
    position: absolute;
    top: 320px;
    left: calc(50% - 251px/2);
    box-shadow: 0px 0px 10px #9ea2a2;
    transition: all 0.3s;
}
.sylloge_module13{
    width: 251px;
    height: 273px;
    background: url(https://img.alicdn.com/imgextra/i2/39767794/O1CN01JjWWZA27Rhdyox4Mq_!!39767794.png) no-repeat;
    position: absolute;
    top: 320px;
    left: calc(50% + 140px);
    transition: all 0.3s;
}
.sylloge_module14{
    width: 97px;
    height: 109px;
    background-color: rgb(235, 248, 246);
    position: absolute;
    top: 320px;
    left: calc(50% + 403px);
}
.sylloge_module15{
    width: 97px;
    height: 111px;
    background: url(https://img.alicdn.com/imgextra/i2/39767794/O1CN01Ox8fOy27RhdvUlfE0_!!39767794.png) no-repeat;
    position: absolute;
    top: 441px;
    left: calc(50% + 403px);
    transition: all 0.3s;
}
.sylloge_module16{
    width: 213px;
    height: 89px;
    background: url(https://img.alicdn.com/imgextra/i3/39767794/O1CN01Xw8jUf27Rhdy5911D_!!39767794.png) no-repeat;
    position: absolute;
    top: 599px;
    left: calc(50% - 347px);
    box-shadow: 0px 0px 10px #9ea2a2;
    transition: all 0.3s;
}
.sylloge_module17{
    width: 97px;
    height: 145px;
    background-color: rgb(137, 216, 204);
    position: absolute;
    top: 698px;
    left: calc(50% - 232px);
}
.sylloge_module18{
    width: 251px;
    height: 269px;
    background: url(https://img.alicdn.com/imgextra/i1/39767794/O1CN01VyKJo227RhduLZyYa_!!39767794.png) no-repeat;
    position: absolute;
    top: 573px;
    left: calc(50% - 251px/2);
    transition: all 0.3s;
}
.sylloge_module19{
    width: 97px;
    height: 87px;
    background-color: rgb(137, 216, 204);
    position: absolute;
    top: 600px;
    left: calc(50% + 140px);
}
.sylloge_module20{
    width: 97px;
    height: 144px;
    background: url(https://img.alicdn.com/imgextra/i1/39767794/O1CN01blUOu027Rhdyow8CF_!!39767794.png) no-repeat;
    position: absolute;
    top: 698px;
    left: calc(50% + 140px);
    box-shadow: 0px 0px 10px #9ea2a2;
    transition: all 0.3s;
}
.sylloge_module21{
    width: 101px;
    height: 101px;
    background-color: rgb(59, 190, 170);
    position: absolute;
    bottom: 104px;
    left: calc(50% - 101px/2);
}
.sylloge_module1:hover,.sylloge_module5:hover,.sylloge_module7:hover,.sylloge_module11:hover,.sylloge_module12:hover,.sylloge_module13:hover,.sylloge_module15:hover,.sylloge_module16:hover,.sylloge_module18:hover,.sylloge_module20:hover{
    box-shadow: 0px 0px 20px #9ea2a2;
}

/* grade */
.grade{
    width: 100%;
    height: 938px;
    background-color: rgb(243, 243, 243);
    position: relative;
}
.grade_title{
    width: 100%;
    height: 82px;
    position: absolute;
    top: 94px;
    text-align: center;
}
.grade_title_main{
    width: 100%;
    height: 62px;
    line-height: 62px;
    font-size: 36px;
    color: #292929;
    letter-spacing: 5px;
}
.grade_title_subtitle{
    font-size: 13px;
    width: 100%;
    height: 20px;
    line-height: 20px;
    color: #706f6f;
}
.grade_content{
    width: 1001px;
    height: 570px;
    background: url(https://img.alicdn.com/imgextra/i4/39767794/O1CN01UqMNuk27Rhdy0vjWr_!!39767794.png) no-repeat;
    position: absolute;
    top: 268px;
    left: calc(50% - 1001px/2);
}
.grade_arrows{
    width: 180px;
    height: 89px;
    background: url(https://img.alicdn.com/imgextra/i4/39767794/O1CN01eW8zBz27RhdsNvYhE_!!39767794.png) no-repeat;
    position: absolute;
    top: 620px;
    left: calc(50% + 155px);
    opacity: 0;
    transition: all 1s linear;
}
/* PCfeedback */
.PCfeedback{
    width: 100%;
    height: 1306px;
    background-color: #FFFFFF;
    position: relative;
}
.PCfeedback_title{
    width: 100%;
    height: 82px;
    position: absolute;
    top: 96px;
    text-align: center;
}
.PCfeedback_title_main{
    width: 100%;
    height: 62px;
    line-height: 62px;
    font-size: 36px;
    color: #292929;
    letter-spacing: 5px;
}
.PCfeedback_title_subtitle{
    font-size: 13px;
    width: 100%;
    height: 20px;
    line-height: 20px;
    color: #706f6f;
}
.PCfeedback_content1{
    width: 787px;
    height: 330px;
    background: url(https://img.alicdn.com/imgextra/i3/39767794/O1CN011GIlql27RhdixFO9g_!!39767794.png) no-repeat;
    position: absolute;
    top: 272px;
    left: calc(50% - 503px);
    transition: all .3s linear;
    transform: scale(0.5);
    opacity: 0;
}
.PCfeedback_content1:hover{
    transform: scale(1);
    opacity: 1;
}
.PCfeedback_content2{
    width: 403px;
    height: 330px;
    background: url(https://img.alicdn.com/imgextra/i1/39767794/O1CN01fvYUPv27Rhdun78on_!!39767794.png) no-repeat;
    position: absolute;
    top: 654px;
    left: calc(50% - 429px);
    transition: all .6s linear;
    transform: scale(0.5);
    opacity: 0;
}
.PCfeedback_content3{
    width: 443px;
    height: 330px;
    background: url(https://img.alicdn.com/imgextra/i2/39767794/O1CN01oAV1eO27RhdsROSE3_!!39767794.png) no-repeat;
    position: absolute;
    top: 494px;
    left: calc(50% + 57px);
    transition: all .4s linear;
    transform: scale(0.5);
    opacity: 0;
}
.PCfeedback_content4{
    width: 1002px;
    height: 328px;
    background: url(https://img.alicdn.com/imgextra/i2/39767794/O1CN013YmBDC27RhdsRNqp9_!!39767794.png) no-repeat;
    position: absolute;
    top: 876px;
    left: calc(50% - 1002px/2);
    transition: all .6s linear;
    transform: scale(0.5);
    opacity: 0;
}

/* wireless */
.wireless{
    width: 100%;
    height: 1258px;
    background-color: rgb(243, 243, 243);
    position: relative;
}
.wireless_title{
    width: 100%;
    height: 82px;
    position: absolute;
    top: 96px;
    text-align: center;
}
.wireless_title_main{
    width: 100%;
    height: 62px;
    line-height: 62px;
    font-size: 36px;
    color: #292929;
    letter-spacing: 5px;
}
.wireless_title_subtitle{
    font-size: 13px;
    width: 100%;
    height: 20px;
    line-height: 20px;
    color: #706f6f;
}
.wireless_content1{
    width: 823px;
    height: 113px;
    background: url(https://img.alicdn.com/imgextra/i2/39767794/O1CN01d2kr5t27RhdsM2nqa_!!39767794.png) no-repeat;
    position: absolute;
    top: 320px;
    left: calc(50% - 503px);
    transition: all .5s linear;
    opacity: 0;
}
.wireless_content2{
    width: 551px;
    height: 113px;
    background: url(https://img.alicdn.com/imgextra/i1/39767794/O1CN01hsSCWQ27RhdvG1d5q_!!39767794.png) no-repeat;
    position: absolute;
    top: 477px;
    left: calc(50% - 503px);
    transition: all .5s linear;
    opacity: 0;
}
.wireless_content3{
    width: 559px;
    height: 109px;
    background: url(https://img.alicdn.com/imgextra/i2/39767794/O1CN01fhydju27RhdqC8cui_!!39767794.png) no-repeat;
    position: absolute;
    top: 630px;
    left: calc(50% - 60px);
    transition: all .5s linear;
    opacity: 0;
}
.wireless_content4{
    width: 767px;
    height: 113px;
    background: url(https://img.alicdn.com/imgextra/i2/39767794/O1CN015fVguK27RhdvG1hJ0_!!39767794.png) no-repeat;
    position: absolute;
    top: 783px;
    left: calc(50% - 503px);
    transition: all .5s linear;
    opacity: 0;
}
.wireless_content5{
    width: 900px;
    height: 109px;
    background: url(https://img.alicdn.com/imgextra/i1/39767794/O1CN01R4QRGK27RhdvG1Unr_!!39767794.png) no-repeat;
    position: absolute;
    top: 943px;
    left: calc(50% - 401px);
    transition: all .5s linear;
    opacity: 0;
}
.wireless_content6{
    width: 1001px;
    height: 113px;
    background: url(https://img.alicdn.com/imgextra/i3/39767794/O1CN01vxT3G527RhdzWYJBz_!!39767794.png) no-repeat;
    position: absolute;
    top: 1056px;
    left: calc(50% - 503px);
    transition: all .5s linear;
    opacity: 0;
}

/* experience */
.experience{
    width: 100%;
    height: 1188px;
    background-color: #FFFFFF;
    position: relative;
}
.experience_title{
    width: 100%;
    height: 82px;
    position: absolute;
    top: 92px;
    text-align: center;
}
.experience_title_main{
    width: 100%;
    height: 62px;
    line-height: 62px;
    font-size: 36px;
    color: #292929;
    letter-spacing: 5px;
}
.experience_title_subtitle{
    font-size: 13px;
    width: 100%;
    height: 20px;
    line-height: 20px;
    color: #706f6f;
}
.ourteam_cop{
    width: 992px;
    height: 822px;
    background: url(https://img.alicdn.com/imgextra/i2/39767794/O1CN015iPz3G27Rhe1NgIxz_!!39767794.png) no-repeat;
    position: absolute;
    top: 266px;
    left: calc(50% - 992px/2);
}
.experience_content{
    width: 390px;
    height: 487px;
    background: url(https://img.alicdn.com/imgextra/i1/39767794/O1CN01CTc54U27RhdyINKGF_!!39767794.png) no-repeat;
    position: absolute;
    top: 318px;
    left: calc(50% - 390px/2);
}
.experience_case1{
    width: 96px;
    height: 29px;
    background: url(https://img.alicdn.com/imgextra/i2/39767794/O1CN01XcYlb027RhduRSymY_!!39767794.png) no-repeat;
    position: absolute;
    top: 391px;
    left: calc(50% - 173px);
    transition: all 2s linear;
    opacity: 0;
}
.experience_case2{
    width: 75px;
    height: 29px;
    background: url(https://img.alicdn.com/imgextra/i1/39767794/O1CN01XlYrSC27Rhdtu1nRb_!!39767794.png) no-repeat;
    position: absolute;
    top: 672px;
    left: calc(50% - 4px);
    transition: all .6s linear;
    opacity: 0;
}
.experience_arrows1{
    width: 92px;
    height: 47px;
    background: url(https://img.alicdn.com/imgextra/i4/39767794/O1CN016ujQkM27Rhe15jgV0_!!39767794.png) no-repeat;
    position: absolute;
    top: 382px;
    left: calc(50% - 270px);
    /* animation: exarrowsL 2s 1; */
}
@keyframes exarrowsL{
    0%{
        opacity: 0;
        transform: scale(0);
    }
    100%{
        opacity: 1;
        transform: scale(1);
    }
}
.experience_arrows2{
    width: 93px;
    height: 47px;
    background: url(https://img.alicdn.com/imgextra/i4/39767794/O1CN01EJEpnS27Rhe15kM3q_!!39767794.png) no-repeat;
    position: absolute;
    top: 670px;
    left: calc(50% + 72px);
    /* animation: exarrowsR 4s 1; */
}
@keyframes exarrowsR{
    0%{
        opacity: 0;
        transform: scale(0);
    }
    50%{
        opacity: 0;
        transform: scale(0);
    }
    100%{
        opacity: 1;
        transform: scale(1);
    }
}
.experience_text1{
    width: 186px;
    height: 28px;
    line-height: 28px;
    font-size: 26px;
    position: absolute;
    top: 436px;
    left: calc(50% - 380px);
    /* animation: exarrowsL 2s 1; */
}
.experience_text2{
    width: 186px;
    height: 28px;
    line-height: 28px;
    font-size: 26px;
    position: absolute;
    top: 634px;
    left: calc(50% + 160px);
    /* animation: exarrowsR 4s 1; */
}