/*头部背景图*/
.main-header{
    height:500px;
}
.main-header p{
    /*padding: 0 280px;*/
}
/*主题内容部分*/
.main-content{
    margin-top: -143px;
}

.main-content a div:first-child{
    width: 90px;
    height:83px;;
    display: inline-block;
    position: absolute;
    top:30px;
    left:-10px;
}


.main-content .main-content-text{
    width: 75%;
    position: static;
    margin-left: 85px;
}
/*
图标图片
其中包含active的为悬浮时显示的内容
*/

/*体验与商业模式分析*/
.main-content a div.patternAnalysisBack{
    background: url("../images/userExperience.png") no-repeat -12px -17px;
}
.main-content a.active div.patternAnalysisBack{
    background: url("../images/userExperience_active.png") no-repeat -12px -17px;
}
/*体验与商业模式分析*/

/*用户研究与分析*/
.main-content a div.userStudy{
    background: url("../images/userExperience.png") no-repeat -104px -13px;
}
.main-content a.active div.userStudy{
    background: url("../images/userExperience_active.png") no-repeat -104px -13px;
}
/*用户研究与分析*/
/*用户体验优化策略*/
.main-content a div.optimizingStrategy{
    background: url("../images/userExperience.png") no-repeat -16px -116px;
}
.main-content a.active div.optimizingStrategy{
    background: url("../images/userExperience_active.png") no-repeat -16px -116px;
}
/*用户体验优化策略*/
/*设计趋势分析*/
.main-content a div.designAnalysis{
    background: url("../images/userExperience.png") no-repeat -106px -108px;
}
.main-content a.active div.designAnalysis{
    background: url("../images/userExperience_active.png") no-repeat -106px -108px;
}
/*设计趋势分析*/
/*体验概念设计*/
.main-content a div.experienceDesign{
    background: url("../images/userExperience.png") no-repeat -12px -203px;
}
.main-content a.active div.experienceDesign{
    background: url("../images/userExperience_active.png") no-repeat -12px -203px;
}
/*体验概念设计*/
/*视觉设计*/
.main-content a div.visualDesign{
    min-width: 90px;
    background: url(../images/userExperience.png) no-repeat  -104px -221px;
}
.main-content a.active div.visualDesign{
    background: url("../images/userExperience_active.png") no-repeat -104px -221px;
}
/*视觉设计*/
/*交互设计*/
.main-content a div.interactiveDesign{
    background: url("../images/userExperience.png") no-repeat -9px -305px;
}
.main-content a.active div.interactiveDesign{
    background: url("../images/userExperience_active.png") no-repeat -9px -305px;
}
/*交互设计*/
/*设计规范制定*/
.main-content a div.designRule{
    background: url("../images/userExperience.png") no-repeat -106px -315px;
}
.main-content a.active div.designRule{
    background: url("../images/userExperience_active.png") no-repeat -106px -315px;
}
/*设计规范制定*/
/*图标图片结束*/

@media (min-width: 1200px) {
    .main-content a{
        margin-left: 4%;
        margin-right: 4%;
    }
}

@media screen and (max-width: 1338px) and (min-width: 1201px) {
    .main-content .main-content-text h3{
        font-size: 22px;
    }
}

@media screen and (max-width: 412px) {
    .main-content a div:first-child{
        top:18px;
    }
}