/*
* @Author: anchen
* @Date:   2017-04-13 16:23:34
* @Last Modified by:   anchen
* @Last Modified time: 2017-04-14 21:51:16
*/
.content{
    background-color: #fff;

}
.openTabs{
    margin:0 3% 0 1.3%;
    height:250px;
    /*position:sticky;
    position: -webkit-sticky;
    top:-110px;*/
    width: 96%;
    box-sizing: border-box;


}


.openTabs li.tabsHeight{
    height:220px;
    width:12px !important;
    background-color: #fff;
}

.openTabs a:nth-child(1).active li{
    margin-left: 12px;
    background:url(../images/openTab1Active.png);
    background-size: 100% 100%;
}
.openTabs a:nth-child(3).active li{
    background:url(../images/openTab2Active.png);
    background-size: 100% 100%;
}
.openTabs a:nth-child(5).active li{
    background:url(../images/openTab3Active.png);
    background-size: 100% 100%;
}
.openTabs a:nth-child(7).active li{
    background:url(../images/openTab4Active.png);
    background-size: 100% 100%;
}




.openTabs a:nth-child(1) li{
    margin-left: 12px;
    background:url(../images/openTab1.jpg);
    background-size: 100% 100%;
}
.openTabs a:nth-child(3) li{
    background:url(../images/openTab2.jpg);
    background-size: 100% 100%;
}
.openTabs a:nth-child(5) li{
    background:url(../images/openTab3.jpg);
    background-size: 100% 100%;
}
.openTabs a:nth-child(7) li{
    background:url(../images/openTab4.jpg);
    background-size: 100% 100%;
}

.openTabs  li{

    width: 23%;
    float: left;
    height: 220px;


}


.openTabs a.active li{
    width: 23%;
    height: 247px;


}

.page img{
    width:100%;
}
.page img.openButton{
    display: block;
    width: 80%;
    margin: 0 auto 50px;
}