.tab-head{
text-align: center;
width: 100%;
}
.tab-head div{
  width: 80px;
  height: 80px;
  margin: 0 auto 14px;
}   
.tab-head div.selected{
    width: 100px;
    height: 100px;
}
/*动画*/
#tab1,#tab3{
  position: relative;
  left:-25%;
  opacity: 0;filter:Alpha(opacity=0);
}
#tab2,#tab4{
  position: relative;
  left:25%;
  opacity: 0;filter:Alpha(opacity=0);
}
/*动画end*/
#tab1{background: url(../img/sheji.png) no-repeat center;background-size: 100%;margin-top: 6vh;}     
#tab1[class~=selected]{background: url(../img/sheji1.png) no-repeat center;background-size: 100%;}     
#tab2{background: url(../img/zhuzao.png) no-repeat center;background-size: 100%;}     
#tab2[class~=selected]{background: url(../img/zhuzao2.png) no-repeat center;background-size: 100%;}     
#tab3{background: url(../img/jiagong.png) no-repeat center;background-size: 100%;}     
#tab3[class~=selected]{background: url(../img/jiagong3.png) no-repeat center;background-size: 100%;}     
#tab4{background: url(../img/zhijian.png) no-repeat center;background-size: 100%;}      
#tab4[class~=selected]{background: url(../img/zhijian4.png) no-repeat center;background-size: 100%;}    
@media screen and (max-height: 770px) {
	#tab1{margin-top:1vh;}
} 
.tab-content {
          width: 37%;
position: absolute;
left: 8vw;
top: 26vh;
text-align: justify;
opacity: 0;
filter:Alpha(opacity=0);
            }
.tab-content h3 {
    letter-spacing:6px;
    text-align: center;
    margin: 10px auto 56px;
    padding-left: 10px;
    border-bottom: 2px solid #66ccff;
    width: 64px;
  
    
}
.tab-content a{
    color: #fff;
}
.tab-content .show p{
    font-size: 16px;
    text-align: center;
}

            
.tab-content div{
                display: none;
            }
.tab-content .show{
                display: block;
            }
.pic_ff img{
    width: 251px;
}