/*您的位置导航栏*/
.location {
    display: flex;
    align-items: center;
    width: 100%;
    height: 35px;
    background-color: #f3f3f3;
    box-sizing: border-box;
    border-bottom: 2px solid #cccccc;
}

.location p {
    display: flex;
    align-items: center;
    width: 100%;
    height: 15px;
    font-size: 15px;
    font-weight: 300;
    text-align: left;
    color: #000000;
    line-height: 15px;
    padding: 0 50px;
}

.location p span {
    margin: 0 5px;
    cursor: pointer;
}

.location p i {
    height: 12px;
    color: #000;
}






/*大屏幕*/
@media screen and (min-width: 769px) {

/*切换按钮*/
.tabBtn {
    /*height: 44px;*/
    margin: 92px 124px 81px;
}

.tabBtn ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
}

.tabBtn ul li {
    width: 18%;
   margin-bottom: 20px;
    font-size: 20px;
    font-weight: 300;
    text-align: center;
    color: #000000;
    background: #E5E5E5;
    line-height: 44px;
    letter-spacing: -1px;
    margin-right: 12px;
    cursor: pointer;
}




.tabBtn ul li:hover {
       width: 18%;
   margin-bottom: 20px;
    font-size: 20px;
    font-weight: 300;
    text-align: center;
    color: #000000;
    background: #FFCC19;
    line-height: 44px;
    letter-spacing: -1px;
    margin-right: 12px;
    cursor: pointer;
}




.tabBtn ul .tabBtn_bgc {
    background-color: #FFCC19;
}

}













/*小屏幕*/
@media screen and (max-width: 768px) {

/*切换按钮*/
.tabBtn {
    /*height: 44px;*/
    margin: 92px 124px 81px;
}

.tabBtn ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
}

.tabBtn ul li {
    width: 40%;
   margin-bottom: 20px;
    font-size: 20px;
    font-weight: 300;
    text-align: center;
    color: #000000;
    background: #E5E5E5;
    line-height: 44px;
    letter-spacing: -1px;
    margin-right: 12px;
    cursor: pointer;
	display: inline-block;
}




.tabBtn ul li:hover {
       width: 18%;
   margin-bottom: 20px;
    font-size: 20px;
    font-weight: 300;
    text-align: center;
    color: #000000;
    background: #FFCC19;
    line-height: 44px;
    letter-spacing: -1px;
    margin-right: 12px;
    cursor: pointer;
}




.tabBtn ul .tabBtn_bgc {
    background-color: #FFCC19;
}

}















/*主要内容*/
.publicity {
    width: 100%;
    padding: 0 51px;
    box-sizing: border-box;
}

.publicity ul {
    display: none;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

.publicity ul li {
    position: relative;

width: 20%;
background-color: #fff;
margin-bottom: 21px;
cursor: pointer;
float: left;
margin: 1%;

}

.publicity ul li i {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-70%);
    z-index: 9;
    font-size: 40px;
    color: #fff;
}

.publicity ul li .pub_mask {
    display: none;
    position: absolute;
    width: 100%;
    height: 80%;
    background-color: rgba(255,166,25,0.7);
}

.publicity ul li .ico {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: auto;
}

.publicity ul li .ico img {
    width: 100%;
    height: 100%;
}



.publicity ul li .text {
    position: relative;
    width: 100%;
    height: 100px;
    overflow: hidden;
}

.publicity ul li .text .text-box {
    position: absolute;
    top: 35%;
    width: 100%;
    height: 100%;
    transition: top .3s;
}

.publicity ul li .text h5 {
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    color: #000000;
    letter-spacing: 1.19px;
}

.publicity ul li .text p {
    font-size: 19px;
    font-weight: 500;
    text-align: center;
    color: #7c7c7c;
    letter-spacing: 0.95px;
    margin-top: 8px;
}




.publicity  li .pic i {
    display: none;
    position: absolute;
   left: 50%;
top: 50%;
    transform: translateX(-50%) translateY(-70%);
    font-size: 50px;
    color: #fff;
}

.publicity li .pic img {
    width: 100%;
}



.publicity li:hover>.pic i {
    display: block;
}

.publicity ul li:hover .text-box {
    top: 10px;
}

.publicity ul li:hover .pub_mask {
    display: block;
}
.publicity ul li:hover>i{
    display: block;
}

/*页码*/
.page {

    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    margin-top: 20px;
	margin: auto;
text-align: center;
}

.page ol {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.page ol li,
.page i {
    width: 38px;
    height: 38px;
    border: 1px solid #6f6f6f;
    box-sizing: border-box;
    line-height: 38px;
    text-align: center;
    margin: 2px;
    cursor: pointer;
}

.page ol .libgc {
    background-color: #ffcc19;
    color: #fff;
}

.page span {
    display: inline-block;
    width: 59px;
    height: 38px;
    border: 1px solid #6f6f6f;
    box-sizing: border-box;
    line-height: 38px;
    text-align: center;
    margin: 2px;
    cursor: pointer;
}







/*分页样式*/
.pglist {
	padding: 20px 0 30px;
	width: 100%;
	text-align: center;
	clear: both;
}
.pglist a {
 display: inline-block;
    width: 59px;
    height: 38px;
    border: 1px solid #6f6f6f;
    box-sizing: border-box;
    line-height: 38px;
    text-align: center;
    margin: 2px;
    cursor: pointer;
}
.pglist a:hover,a:current .pglist .hover {
	 background-color: #ffcc19;
}


.page span.current{
	 background-color: #ffcc19;
}











/*页码*/
.page {

    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    margin-top: 20px;
	margin: auto;
text-align: center;
}

.page ol {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.page ol li,
.page i {
    width: 28px;
    height: 28px;
    border: 1px solid #6f6f6f;
    box-sizing: border-box;
    line-height: 38px;
    text-align: center;
    margin: 2px;
    cursor: pointer;
}

.page ol .libgc {
    background-color: #ffcc19;
    color: #fff;
}

.page span {
    display: inline-block;
   width: 39px;
height: 38px;
    border: 1px solid #6f6f6f;
    box-sizing: border-box;
    line-height: 38px;
    text-align: center;
    margin: 2px;
    cursor: pointer;
}





@media screen and (max-width: 500px) {

/*分页样式*/
.pglist {
	padding: 20px 0 30px;
	width: 100%;
	text-align: center;
	clear: both;
}
.pglist a {
 display: inline-block;
    width: 29px;
    height: 28px;
    border: 1px solid #6f6f6f;
    box-sizing: border-box;
    line-height: 38px;
    text-align: center;
    margin: 2px;
    cursor: pointer;
	font-size:14px;
}
.pglist a:hover,a:current .pglist .hover {
	 background-color: #ffcc19;
}


.page span.current{
	 background-color: #ffcc19;
}



.page span {
  display: inline-block;
  width: 39px;
  height: 28px;
  border: 1px solid #6f6f6f;
  box-sizing: border-box;
  line-height: 28px;
  text-align: center;
  margin: 2px;
  cursor: pointer;
}


.page li {
  display: inline-block;
  width: 39px;
  height: 28px;

  line-height: 28px;
  text-align: center;
font-size: 12px;
  cursor: pointer;
}





}