.title{ width:100%;}
.pic_content { font-size: 15px;text-align: justify; color: #808080; line-height: 1.75; width:100%; margin-top:20px;}

.mybetween{display: flex; display: -webkit-flex; justify-content: space-between;-webkit-justify-content:space-between}
.mycenter{display: flex; display: -webkit-flex;justify-content: center;-webkit-justify-content: center}
.mystart{display: flex;display: -webkit-flex; justify-content: flex-start;-webkit-justify-content: flex-start}
.myend{display: flex;display: -webkit-flex; justify-content: flex-end;-webkit-justify-content: flex-end}
.mytop{display: flex;display: -webkit-flex;-webkit-align-items:flex-start;align-items:flex-start;}

.mymiddle{display: flex;display: -webkit-flex;-webkit-align-items:center;align-items:center;}
.mystretch{display: flex;display: -webkit-flex;-webkit-align-items:stretch;align-items:stretch;}
.mycol{display: flex;display: -webkit-flex; -webkit-flex-direction:column;flex-direction: column;}
.myrow{display: flex;display: -webkit-flex; -webkit-flex-direction:row;flex-direction: row;}
.mywrap{-webkit-flex-wrap:wrap;-webkit-box-lines:single;-moz-flex-wrap:wrap;flex-wrap:wrap;}　
.mynowrap{-webkit-flex-wrap:nowrap;-webkit-box-lines:single;-moz-flex-wrap:nowrap;flex-wrap:nowrap;}
.myhide{ display:none;}

.pic_listcon{ position:relative;}
.picwz2{width:calc(100% - 120px);box-sizing:border-box;padding-left:10px;  height:40px;}

.tab_01 li{position:relative; width:180px; height:42px; margin:10px;}

.tab_01 li a { display:block;box-sizing: border-box; border:1px solid #646464;height: 42px;line-height: 40px;font-size: 16px;color: #222; text-align:center;}
.tab_01 li a:hover{color:#fff!important; border: 1px solid #7e0014; background-color: #7e0014;}
.tab_01 li.selected a{color:#fff; border: 1px solid #7e0014; background-color: #7e0014;} 
.tab_01 li.selected a:hover{color:#fff!important}

.pic{ float:left;width:33.3%;margin-top:5px; padding-right:5px; box-sizing:border-box;}
.pic:nth-child(6n+1){ width:66.6%;}
/**.pic:nth-child(6n+7){ float:right; padding-right:calc(0.1% + 5px);}**/
/**.pic .picbox{ width:100%;height:320px; overflow:hidden; position:relative;background:#efefef;}**/
.pic .picbox{ width:100%;height:303px; overflow:hidden; position:relative;background:#efefef;}
/**.pic:nth-child(6n+1) .picbox{width:100%;height:645px; overflow:hidden; position:relative;background:#efefef;}**/
.pic:nth-child(6n+1) .picbox{width:100%;height:610px; overflow:hidden; position:relative;background:#efefef;}

.picbox img{position: absolute; z-index:1;left: 0; right: 0;top: 0; bottom: 0;margin: auto;max-width: 100%;width: 100%; height: 100%;object-fit: cover;transform: scale(1, 1);-webkit-transition: 1.5s all ease; -ms-transition: 1.5s all ease;transition: 1.5s all ease;}
.picbox:hover img{transform: scale(1.1, 1.1);-webkit-transition: 1.5s all ease; -ms-transition: 1.5s all ease;transition: 1.5s all ease;}
.picbox .pic-bt{position: absolute; z-index:1;right: 0;left: 0; bottom: 0; padding:0 10px; line-height:1.2; font-size:16px; color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); text-align:center;padding:0.6em 1em;}
.picbox .pic-bt a:hover{color:#eee;}
.picbox .pic-wz{position: absolute; z-index:2;right: 0;left: 0; bottom: 0;  background:rgba(0,0,0,0.5); padding:0 10px; line-height:24px; font-size:14px; color:#fff;text-align:center;}

.big_img{position: fixed;z-index: -1;opacity: 0;background:#26272b;width: 100%;height: 100%;top:0;left:0; box-sizing:border-box;}
.big_img .close{ display: block; position: absolute; z-index:3; top: 30px; right: 20px; background: url(/_upload/tpl/00/50/80/template80/extends/pholist/close2.png) no-repeat center; background-size:cover;  width: 36px; height: 36px;opacity:1; cursor: pointer; transition: 0.3s ease; }
.big_img .swiper-title{ position:absolute;z-index:1;left:0; right:0; top:10px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101)); border-bottom: 1px solid #42403f; color: #ffffff; font-size: 13px; height: 40px;line-height: 40px;font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif;text-align: center;}

.big_img .gallery-top {position: relative; z-index:2;width: 100%;height:calc(100% - 144px); padding-bottom: 80px;box-sizing:border-box;}
.big_img .gallery-top .swiper-pagination-fraction{ position: absolute;left:0px; right:0px; margin:0 auto; width:100px; text-align:center;bottom:80px; background:rgba(255,255,255,0.6); color: #fff;font-size: 26px;height: 40px;line-height: 40px; font-style:italic}
.big_img .gallery-top .swiper-pagination-fraction .swiper-pagination-current{ color:#26447b}
.big_img .gallery-top  .swiper-wrapper{width: 100%;height: 100%;}

.big_img .gallery-top .swiper-slide{ background:transparent;width: 100%;height: 100%;display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; box-sizing:border-box;}
.big_img .gallery-top .swiper-slide img{max-width: 100%;max-height: 100%; width:auto;margin:0 auto;}


.big_img .swiper-slide .tu_name{ position:absolute; z-index:2; bottom:0;left:0;right:0; background: rgba(0,0,0,0.5); font-size:14px; line-height:1.5; color:#fff; padding:0 10px; text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.big_img .gallery-top .tu_name2{ position:absolute; z-index:2; bottom:-30px;left:0;right:0; font-size:14px; line-height:20px; color:#fff; padding:0 20px;  text-align:left; margin:0 auto;width:1000px;box-sizing: border-box;}

.big_img .gallery-top .tu_name2 .pic-bt{ width:100%; height:auto;line-height:20px; text-align:center; font-size:15px; font-weight:600;padding-left:20px; position: absolute;left:20px;top:0;  /**overflow: hidden; text-overflow: ellipsis; white-space: nowrap;**/ }
/**.big_img .gallery-top .tu_name2 .pic-bt:before{ position:absolute; content:'';left:0;top:0;bottom:0;width:3px;background:#fff;}**/ 
.big_img .gallery-top .tu_name2 .pic-wz{height:40px;width:100%; text-align:center; line-height:20px; position:relative;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.big_img .gallery-top .tu_name2 .pic-wz p{line-height:22px;font-size:22px;}

.big_img .gallery-top .swiper-slide .tu_cellbox{width:100%;height: 100%; overflow:hidden;display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;}


.bar-foot{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.4); height:144px; padding:14px 24px; box-sizing:border-box;}
.big_img .gallery-thumbs{ position:relative;height:120px;}
.bar-foot.swiper-button-next, .bar-foot .swiper-button-prev{ top:45%; width:47px;}
.bar-foot .swiper-button-next{ right:0;}
.bar-foot .swiper-button-prev{left:0;}

.big_img .gallery-thumbs .swiper-slide{ background:transparent;width:220px;height: 120px;display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; box-sizing:border-box;}
.big_img .gallery-thumbs .swiper-slide img{ position:absolute;position: absolute; z-index:1;left: 0; right: 0;top: 0; bottom: 0;margin: auto;max-width: 100%;width: 100%; height: 100%;object-fit: cover;}
.big_img .gallery-thumbs .swiper-slide .tu_cellbox{width:250px;height: 120px; overflow:hidden; position:relative;}
.gallery-thumbs .swiper-slide-thumb-active img{ border:2px solid #fff;}

.back {
    position: fixed;
    bottom: unset;
    top: 50%;
    right: 0;
    height: 120px;
    transform: translateY(-50%);
    width: 2vw;
    z-index: 499;
}

.back a {
    position: absolute;
    right: -20px;
    display: block;
    color: #fff;
    font-size: 1em;
    background-color: #7e0014;
    width: 56px;
    padding: 6px 10px;
    border-radius: 8px 0 0 8px;
    writing-mode: vertical-lr;
    letter-spacing: 3px;
    transition: all .3sease-in-out;
}

.back a:hover {
    color: #89764B !important;
}
 
 @media (max-width: 1400px) {
.tab_01 li{width:160px;}
 @media (max-width: 1300px) {

}
 @media (max-width: 1200px) {

}
@media (max-width: 1150px) {
.tab_01 li{width:140px;}
}
@media (max-width: 990px) {
.big_img .gallery-top .tu_name2{ width:100%!important;}
}
@media (max-width: 859px) {
.pic .picbox{ height:220px;}
.pic:nth-child(6n+1) .picbox{height:445px;}
.tab_01 li{width:160px;}
}
  
 @media (max-width: 767px) {
}
 @media screen and (max-width: 719px) {
	}
 @media screen and (max-width: 596px) {
.pic .picbox{ height:160px;}
.pic:nth-child(6n+1) .picbox{height:325px;}
	 }
@media screen and (max-width: 540px) {
.big_img .gallery-top .tu_name2{ padding:0 10px;}
.big_img .gallery-top .tu_name2 .pic-bt{ width:100%; height: auto;line-height:20px;padding-left:20px; position: relative;left: auto;top:auto; margin-bottom:10px;}
.big_img .gallery-top .tu_name2 .pic-bt:before{left:4px;}
.big_img .gallery-top .tu_name2 .pic-wz{width:100%; padding-left:0; height:auto; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
}
 @media screen and (max-width: 490px) {
	.pic .picbox{ height:120px;}
.pic:nth-child(6n+1) .picbox{height:245px;} 
	 }
 @media screen and (max-width: 479px) {} 
 @media screen and (max-width: 414px) {
	 .tab_01 li{width:100%; margin:0 0 10px 0;}
	 
	 
	 }