/* 
* @Author: anchen
* @Date:   2017-11-09 17:05:03
* @Last Modified by:   anchen
* @Last Modified time: 2017-11-10 15:09:39
*/
body{
    /*overflow-x:hidden;*/
}
ol,ul,div,p,h1,h2,h3,h4,h5,h6{
    margin:0; padding:0; display:block;
}
.tabsWrap{
    /*width:100%;*/
}
.tabsWrap > .fl,
.tabsWrap > .fr .tabBox{
     border:1px solid #bfbdbd; margin:20px auto;
}
/*.tabsWrap > .fl .tabBox{
    margin:0;
}*/
.tabsWrap > .fl h5{
    height:30px;
    line-height:30px; text-align:center;
    
}
.tabsWrap .fl ul{
    width:200px;
}

.tabsWrap .fl ul li{
    height:30px; padding:0 5px;
    line-height:30px;  text-align:left; cursor:pointer;
    border-bottom:1px dashed #222;
    transition:all .3s;
    -o-transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
}
.tabsWrap .fl ul li:last-child{
    border:none;
}
.tabsWrap .fl ul li.active,
.tabsWrap .fl ul li:hover{
    background:#222;color:#fff;
}



.tabsWrap .fr{
    width:calc(100% - 220px); max-height:700px;
}

.tabsWrap .fr .tabBox{
     min-height:120px;
}
.tabsWrap .fr .tabBox li{
    display:none;
    height:100%;

}
.tabsWrap .fr li.active{
    display:block;
}

.tabsWrap .fr .produceBox{
    /*display:flex;justify-content:space-between;*/
    width:100%; height:100%; 
    
}

.tabsWrap .fr .produceBox li{
    display:inline-block;
    width:30%;  
	height:250px; 
	margin:5px 0 10px 1.5%;
    box-shadow:0 0 3px #ddd;
    overflow: hidden; cursor:pointer;
    transition:all .3s;
    -o-transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
}
.tabsWrap .fr .produceBox li:hover{
    box-shadow: 0 0 5px #222;
}
.tabsWrap .fr .produceBox li img{
    width:100%;
}
.tabsWrap .fr .produceBox li .time{
    height:20px; 
    font-size:12px;line-height:20px;
}
.tabsWrap .fr .produceBox li .time,
.tabsWrap .fr .produceBox li h5{
    padding:0 4px; 
}

.tabsWrap .fr .pageWrap{
    /*float:right;*/
    width:100%;
    margin:10px auto; padding:8px 0;
    text-align: center;
    /*border:1px solid #bfbdbd;*/
}
.tabsWrap .fr .pageBtn{
    /*display:inline-block;*/
    padding:5px 8px; border:1px solid #bfbdbd;border-radius:2px;
}
.tabsWrap .fr ul.pageBox{
    display:inline-block;
    /*text-align: center;*/
}
.tabsWrap .fr ul.pageBox li{
    display:inline-block;
    padding:2px 8px; margin-left: 5px; cursor:pointer;
    border:1px solid #bfbdbd;border-radius:2px;
}
.tabsWrap .fr ul.pageBox li:last-child{
    margin-right: 4px;
}
.tabsWrap .fr ul.pageBox li.active,
.tabsWrap .fr ul.pageBox li:hover{
    color:#33a6df;
}
.imgWrap{
height: 220px;
}