img{max-width: 100%;display: block;
         margin: auto;}
html,body{
  background:  #f6f9fa;
 width: 100%;
 /***url(../images/nav-wenli.png)***/
}
body,html{color:#383838;margin:0;padding:0;font:14px/29px "Microsoft YaHei",arial, SimSun,san-serif;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,select,object{margin:0;padding:0;outline: none}
ul,ol,li{list-style-type:none}
a{color:#282828;text-decoration: none}
a:hover{text-decoration: none;color: #871919;}

.zd-img{ overflow:hidden; display:block;}
.zd-img img{transition:1s all; -webkit-transition:1s all;}
.zd-img:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-moz-:scale(1.1,1.1);}
.r{float: right;}
.l{float: left;}

.header {
 position: fixed;
  z-index: 20;
  background: rgba(255, 255, 255, 0.4);
  height:100px;
  width: 100%;
  
}
.top{background-color: #9c6b58; height:32px;line-height: 32px; color: #fff; padding: 0 20px; font-size:80%;}
.logo{ width:520px; height:68px;}
.logo a{display:block; width:520px; height:60px;}
.logo img{width:100%;}
.logo2{width:520px; height:68px;}

.nav-box{display:flex;  justify-content: flex-end; }
.nav{height:68px; padding: 0; margin: 0;}
.nav ul li>a{ display: block;}

.nav li ul {
  background: #9c6b58;color: #fff;
 
}
.nav li ul li {
  width: 130px; text-align: center;transition:1s;
}





.mynavli{ position: relative;height:68px;  display: flex; margin-top: 0;padding: 0;transition:1s;} 
    .mynavli>a{ 
    display:block;
    padding:0px 20px;;
    height:68px;
    line-height:68px;
  margin-top: -2px;
    font-size: 100%;
    transition:1s;
    font-weight: bold;
}
.sub-menu {
   transition:1s;
  position: absolute;
  top:66px;
  left: 0;
background: #9c6b58;
  padding-top:10px  ;
 width:auto;
 min-width: 120px;;
 border-top: 2px solid  #f7cf1d;
 
 visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: 200ms ease;
-moz-transition: 200ms ease;
-o-transition: 200ms ease;
transition: 200ms ease;
 
}
.sub-menu::before {
content: "";
display: block;
position: absolute;
top: -20px;  /* 调整小三角的位置，使其位于 div 上方中间，可根据实际需求微调 */
left:65px; 
transform: translateX(-50%); 
border-width: 10px; 
border-style: solid; 
border-color: transparent transparent #f7cf1d transparent;  /* 设置小三角的颜色为黑色，可根据需求修改 */
}
.sub-menu li>a{ 
  height: 42px; line-height: 42px;;color: #fff;
  font-size: 14px;;
    display: block;
    white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.mynavli:hover>a {
  background: #9c6b58;color: #fff;
}

.mynavli:hover>.sub-menu {
    visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
}

.sub-menu li:hover {
  background-color:#844229;
 
}
  
@media (max-width: 768px) {
     .nav ul>li {
        float: none;
      }

 

     .nav3 li ul {
        position: static;
        display: none;
      }

     .nav3 ul>li:hover ul {
        display: block;
      }
     .sub-menu{display:none} 
    }


    .nav-box{display: flex; padding: 0; margin: 0; width: 100%;}
    .nav-box .logo{ flex:40%;;}
    .nav-box .nav{ flex:60%;justify-content: flex-end; padding-right: 20px;  padding: 0; margin: 0;}
    .nav-box .phone{flex: 10%;}
    .nav-box .phone span{border-left: 2px solid rgb(238, 203, 86); padding-left: 14px; margin-left: 10px;;}
.phone{margin-right:0px;; padding-right: 20px; line-height:7rem;}
.selected {
  background-color: #9c6b58;
  color: white;
}
.selected a{ color: white;}

header .white_bg {
position: absolute;
top:30px;
left: 0;
width: 100%;
height:70px;
z-index: -1;
background:url(../images/page-r.jpg) top right no-repeat #fff;
display: none;
}

.header_active .white_bg {
border-bottom: 1px solid #f0f0f0;
}
#top {
  background: #7ecef4;
  border-radius: 3px;
  position: fixed;
  width: 80px;
  height: 80px;
  bottom: 20px;
  right: 20px;
  z-index: 20;
  cursor: pointer;
  padding: 7px;
  display: none;
}
.carousel,.carousel-inner,.carousel-item{width: 100%; height:100%;}


.banner{ 
 height: 76vh;
  z-index: 4;
  width: 100%;
  top: 0;
  left: 0;}

.banner,.i-banner,.i-banner .swiper-slide{width: 100%;max-height:100vh; overflow: hidden;}
.i-banner{position: relative;z-index: 6;}
.i-banner .swiper-slide{
 
	height: 100vh;
}
.i-banner .swiper-slide .img{
  height: 100%;
	width: 100%;

 
}
.i-banner .swiper-slide.swiper-slide-active .img {
	clip-path: circle(100%);
}

@keyframes bgBoxAn {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(1.3);
	}
}

.i-banner .swiper-slide  img{
  width:100%;
  height:auto;
  min-height:100%;
  transition:1s linear 1s;
  transform:scale(1.1,1.1);
}
.i-banner .swiper-slide-active img{
  transition:5s linear;
		transform:scale(1,1);
  }
 
.i-banner .swiper-slide:nth-child(3)   img,.i-banner .swiper-slide-active:nth-child(3) img {
    transform:scale(1,1);
} 
  
  .i-banner .zd-pagination{bottom:130px;right: 0; z-index: 66; position: absolute;}
  .i-banner .carousel-caption{top:300px; left:10%; color:#fff; text-align: left; z-index: 66; position: absolute;
    padding: 20px 40px;
 
  }
  .i-banner .carousel-indicators{}
  .i-banner .carousel-caption h2{font-size:260%; line-height: 1.8; font-weight:600;  }
  .i-banner .carousel-caption h6{font-size: 190%; line-height: 2;}
  .i-banner .carousel-caption h4{font-size: 160%;}
  .i-banner .swiper-pagination-bullet{opacity: 1; background-color: transparent; border-radius:0; background-color: rgb(184, 187, 4);  transition: all 0.86s ease 0s;}
  .i-banner .swiper-pagination-bullet-active{background-color: #25b807;width: 4.2vw;border:none}
 
  .i-banner .zd-next , .i-banner .zd-prev{opacity:0.7;color:#fff;z-index: 12; position: absolute; top: 40%; }
  .i-banner .zd-next {right: 3%;}
  .i-banner .zd-prev{left: 3%;}

  .i-banner .zd-next:hover , .i-banner .zd-prev:hover{ color: #888;}

  .autoplay-progress {
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 10;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: #eee;
  }
  
  .autoplay-progress svg {
    --progress: 0;
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 10;
    width: 100%;
    height: 100%;
    stroke-width: 1px;
    stroke:red;;
    fill: none;
    stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
    stroke-dasharray: 125.6;
    transform: rotate(-90deg);
    color: red;
  }


.linear-gradient-text,.linear-gradient-text a {
  color: #663333;
	@supports (-webkit-background-clip: text) or (background-clip: text) {
    background: linear-gradient(50deg, #cd5e5e 0%,#a03616 31%,#94070a 60%,#b9294d 80%);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;
    }
  }
  .linear-gradient-t2,.linear-gradient-t2 a {
    color: #fff;
    @supports (-webkit-background-clip: text) or (background-clip: text) {
      background: linear-gradient(110deg, #fff1b3 0%,#c4f5c4 31%,#d38160 60%,#f1ffe4 80%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      }
    }
.carousel-control-prev,.carousel-control-next{z-index: 8;}
  .carousel-control-prev:hover i, .carousel-control-next:hover i{color:#777; opacity: 0.6;}

  .content_body {
  
    background:#fff;
    z-index: 15;
    padding: 0px 0;
  }

.i-box{background-color: #fff; padding:60px 0;}
  .swiper{
   
    --swiper-preloader-color: #acacac;/* 单独设置预加载圆圈的颜色 */
  }

  .zd-bg1{margin-top: 0px;z-index: 99; position: relative; background-color: rgb(255, 255, 255); }
  .zd-bg2{background: linear-gradient(50deg, #5E94CD 0%,#16a085 31%,#1DAD69 60%,#72B929 80%);}
  .zd-bg3{background: linear-gradient(120deg, #caabab 0%,#cc9999 31%,#c7a8a8 60%,#ffcccc 90%);}

.zd-bg4{  background: url('https://zding-cdn.oss-cn-shenzhen.aliyuncs.com/jgjt/images/images/pexels-mariana-m-caceres-37729837-7184284.jpg') -400px center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  position: relative;}
  .zd-bg4::after{
    content: "";
    position: absolute;
    top:0%;
    left:0%;
    right:0%;
    bottom: 0;
   
    background:   rgba(12, 69, 133, 0.5);;
  
    z-index:-1;
  }
  .zd-bg5{background:url('../images/jakobsweg-4679395_1920.jpg')  center center ;  background-repeat: no-repeat;  position: relative;
   background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
      
  }
    .zd-bg5::after{
      content: "";
      position: absolute;
      top:0%;
      left:0%;
      right:0%;
      bottom: 0;
     
      background:   rgba(12, 69, 133, 0.2);;
    
      z-index:0;
    }

 .zd-bg5 .zd-t1{position:relative;z-index:2}

  .zd-bge{background-color: #eee;}
  .zd-list-bg{background-color: #fff; margin-top: -20px; position: relative; z-index: 3; border-radius: 10px 10px 0 0;}
  .zd-show-bg{background-color: #fff; margin-top: -10px; position: relative; z-index: 3; border-radius: 10px 10px 0 0;}
  .mt-120{margin-top: -120px; background-color: #fff; position: relative; z-index: 9; border-radius: 5px 5px 0;}


  .zd-t1{font-size: 2rem; text-align: center; font-weight: bold; line-height: 1.8;}
  .zd-t1 span{font-size:20px;
    display: inline-block;
    letter-spacing: 3px;
    padding-right: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid #9c9c9c;}
    .zd-t1 .en{color: #dadada; text-transform: uppercase;}
    .zd-t1 .fl{font-size:1.2rem;font-weight: normal; margin-top: 8px;;}
    .zd-t1 .fl span {padding: 0;width: 1px;letter-spacing:0; margin: 0 10px; font-size: .8rem; border-bottom: none; color: #ccc; }
    i{margin-right: 3px;}
  
  
  
  
    .container{width:96%; margin: 0 auto;}
    
    .bg3{background-color: #94070a;}


.lingyu{width: 100%; justify-content: center; align-items: center; overflow: hidden;display: flex; flex-wrap: wrap; }
.lingyu .item{position: relative; flex: 50%;}
.lingyu .item .pic,.lingyu .item .pic img{width: 100%;;}
.lingyu .item .description{ position: absolute; bottom: 0; left: 0; top: 0; right: 0; background: rgba(0, 0, 0, 0.3); color: #fff; width: 100%; padding: 20px; text-align: center; }







.anli,.zizhi{ width: 100%; overflow: hidden; justify-content: center; align-items: center; min-height:320px; position: relative;;}
.anli .item,.zizhi .item{ background-color: #fff; color: #333;min-height:260px; transition-delay: .1s; position: relative;}
.anli .item:hover{background-color: #fff; color: #333; transition-delay: .1s;}
.anli .item .pic{ overflow: hidden;}
.anli .item .pic,.anli .item img{width: 100%;;}

.anli .item .tag,.zizhi .item .tag{position: absolute; top: 0; left: 0; padding: 4px 8px; color: #fff; display: none;}
.anli .item .title{position: absolute; bottom: 0; left: 0; right: 0;  background-color:#9c6b58; color: #fff; overflow: hidden; height: 36px;line-height: 36px; text-align: center;}

.zizhi .item .pic{height: 240px; overflow: hidden;;}
.zizhi .item .pic img{min-height: 240px;width:100%;}
.zizhi .item .title{position: absolute; bottom: 0; left: 0; right: 0; padding:  0; width: 100%; background-color: #9c6b58; color: #fff; text-align: center;overflow: hidden; height: 36px; line-height: 36px;}


.anli .s-btn,.zizhi  .s-btn{ height:42px; line-height:42px; text-align:center;width:190px; margin:0 auto; position: relative ;z-index: 66; margin-top: 20px;} 
.zizhi  .s-btn a{color:#fff;}
.anli .s-btn a{color:#6d5353;}
.anli  .zd-next , .anli   .zd-prev,.zizhi.zd-next,.zizhi .zd-prev{opacity:0.4;color:#5e5050; background:no-repeat; }
.zizhi .zd-next,.zizhi .zd-prev{color: #6e6e6e;}
.anli .zd-next:hover , .anli  .zd-prev:hover{color:#acacac;opacity:1;}
.zizhi .zd-next:hover , .zizhi  .zd-prev:hover{color:#acacac;opacity:1;}
.anli .zd-next,.zizhi .zd-next {float:right }
.anli .zd-prev,.zizhi .zd-prev{float:left}


 .zizhi-box{display:flex; gap:1%; margin-bottom:40px; position:relative;z-index:6; justify-content: center; /* 水平居中 */
     align-items: center; /* 垂直居中 */
   
     
 }
 .zizhi-box .item{flex:32%;  width: 100%; overflow:hidden; text-align:center; display:flex; position: relative; z-index:6}
  .zizhi-box .item .title{background-color:rgba(0,0,0,.7);  
  width: 100%;
      color: #fff; 
      padding:60px 0;
      display: block;
  }
   .zizhi-box .item .title i{font-size:360%;}
  .zizhi-box .item .title p{font-size:120%; }
.zizhi-box .item .title:hover{background-color:rgba(0,0,0,.6);}

.zizhi-box .bg1{background:url("../images/y1.jpg") no-repeat;}
.zizhi-box .bg2{background:url("../images/y2.jpg") no-repeat;}
.zizhi-box .bg3{background:url("../images/c9.jpg") no-repeat;}



.yewu{height:200px; position: relative; width: 100%; justify-content: center; align-items: center; overflow: hidden;display: flex; flex-wrap: wrap; }
.yewu .item { text-align: center;color: #663333; font-size: 100%; background-color: #eee; position: relative; border-radius:100%;}
.yewu .item .pic{height:200px;width: 100%; position: absolute;top: 0; bottom: 0; }
.yewu .item .pic img{ position: absolute;top: 0; bottom: 0; height: 100%;}

.yewu .item h2{font-size: 100%;}
.yewu .item .description{background: rgba(36, 33, 33, 0.6); position: absolute; left: 0; bottom: 0; top: 0; right: 0;  color: #fff; line-height: 200px; font-size: 1.6rem;}
.yewu  .zd-next ,.yewu .zd-prev{opacity:0.7;color:#ffffff;z-index: 12; position: absolute; top: 45%; }
.yewu .zd-next{right: 1%;}
.yewu  .zd-prev{left: 1%;}



.i-about{display: flex;flex-wrap: wrap; justify-content : space-between;position: relative; z-index: 6; }

.i-about-xx{flex:60%; display: flex;flex-wrap: wrap;}
.i-about-ld{flex:30%;display: flex;flex-wrap: wrap; text-align: center; }
.i-about .i-about-xx .pic{flex:36%; padding-top:16px}




.i-about-xx .txt{ flex:100%; padding:0 0 0  10px; font-size: 115%;color: #666;}
.i-about-xx .txt a{color: #9c6b58;}
.i-about-xx .fast-nav ,.i-about-xx .fast-num{flex: 100%;}

.i-about-xx .txt p{text-indent: 2rem;}
video{margin: 0;padding: 0;}
.i-about-ld .pic{height: 360px; overflow: hidden;;}
.i-about-ld .pic img{width:100%;;}
.i-about-ld .txt{ padding-top: 0; width: 100%;line-height: 1.8; }


.i-about-ld .btnmore{border:1px solid #9c6b58;; color: #9c6b58; display: block; height: 36px; line-height: 36px; text-align: center; border-radius: 5px;}

.about-btn{margin-top:30px;}
.about-btn a{padding: 6px 20px; color: #ffffff; border: .1rem solid #fff; margin: 0 15px; background-color: #9c6b58;}
.about-btn a i{margin-left: 8px;transition: 1s;}
.about-btn a:hover {background-color: #797979; }
.about-btn a:hover i{margin-left:20px;}

.i-about-ld .btnmore:hover{background: #9c6b58; color: #fff;}
.fast-nav, .fast-num {margin-top: 40px; display: flex;flex-wrap: wrap; gap:5px; z-index: 6; position: relative;  background: #eee; border-radius: 10px; padding: 30px 0;}
.fast-nav .item,.fast-num .item{flex: 15%;  position: relative; text-align: center; border: 1px solid #eee; border-radius: 10px;min-height:120px; color: #6d6d6d;}

.fast-nav .item i{display: block; font-size:360%; padding: 20px 0; margin-top:10px;}
.fast-nav .item:hover{background-color: #fff; color: #9c6b58;}
.fast-num .item{  position: relative; text-align: center; border:none; border-radius: 10px;min-height:30px; color: #4e4e4e; }
.fast-num  .c-num{color: #9c6b58; font-size:260%;}
a{transition: all 0.5s ease;}

.aunline a{
 
  background:linear-gradient( to right, #79b989, #e34b4b) no-repeat right bottom;
  background-size: 0 2px; 
  transition: background-size 1300ms; 
}
.aunline a:hover{
  /* 鎮仠 涓嬪垝绾跨殑妯悜婊戝姩浣嶇疆涓哄乏 */
  background-position-x: left;
  /* 璁惧畾涓嬪垝绾垮搴︿负100%灞曠ず */
  background-size: 100% 2px;
}

.title-a {  font-size:16px;
  
 
  float: left;
  padding: 5px;
  border-left: 4px solid #503e3e;;
 margin-left:20px;;
  text-transform: uppercase;}
.title-a b{
 font-size:28px;;
}



.join{height: 400px; width: 100%;
 
  background: url(https://zding-cdn.oss-cn-shenzhen.aliyuncs.com/jgjt/images/images/slider/a9.jpg) rgba(0, 0, 0, 0.5);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}
.join::after{
  content: "";
  position: absolute;
  top:0%;
  left:0%;
  right:0%;
  bottom: 0;
  border-radius: 10px;
  background:  rgba(0, 0, 0, 0.5);

  z-index:0;
}
.join-us{

  color: #fff; 
  position: relative;
  z-index: 2;
}
.i-us{padding-top: 80px; text-align: center;}
.i-us h4{margin-bottom: 40px; font-size: 300%;}
.i-us p{line-height: 240%; font-size: 160%;}
.i-us .more, .more-a{border: 1px solid #fff; width: 160px; margin: 0 auto; margin-top: 30px; padding: 6px 0; color: #fff;}
.i-us .more a{color: #fff;}
.i-us .more:hover{background-color:#5e5e5e; }
.i-us .more:hover a{color: #fff;}
 .more-a a{color: #fff; background-color: #5e5e5e; padding: 8px 20px;}







.i-news-box{display: flex; gap: 20px; }
.i-news-video{ flex: 30%; }
.i-news-lists{ flex:40%; max-width:560px; }
.i-notice{flex:26%;max-width:480px;}
.i-news-video .title{position:absolute:bottom:0; left:0;right:0; 
 width: 100%;
padding:6px; text-align:center;background-color: #6b6b6b; color: #fff;
}

.i-news-pic{width: 100%;  max-width:480px;position: relative;  height:300px; background-color:white;  overflow:hidden}
.i-news-pic .item{height:300px; background-color:white; width:100%; overflow:hidden;position: relative;}
.i-news-pic .item .title{position:absolute;bottom:0px; left:0;
height: 32px; line-height: 32px; width: 100%;overflow:hidden;
padding:0 6px; text-align:center;background-color:rgba(0,0,0,0.5); color: #fff;
}
.i-news-pic .item img{width: 100%;height:300px;}

.i-news-pic .swiper-pagination{bottom:40px;}


.more-btn{ color:#888; font-size:80%;}

.tab-container {
  width:100%;
  position: relative;
}

.tab-buttons {
  display: flex;
  background-color: rgb(235, 235, 235);
}

.tab-button {
  padding: 10px 15px;
  cursor: pointer;
  border: none;
  background-color: transparent;
}

.tab-button:hover {
  background-color: #f5f5f5;

}

.tab-pane {
  position: absolute;
  top: 10px;
  left: 10px;
  width:100%;
  opacity: 0;
  transition: transform .5s, opacity .7s;
  transform: translateY(20px);
z-index: 88;
padding:4px 10px;
}

.tab-content .cur {
  display: block;
  opacity: 1;
  transform: translateY(0px);
  transition: transform .5s, opacity .7s;
}

.tab-button {
  padding: 10px 35px;
  cursor: pointer;
  border: none;
  background-color: transparent;
}

.tab-button:hover,
.tab-buttons .active {
  font-weight: bold;
  color: white;
  background-color: #9c6b58
}
.tab-buttons .active a{  color: white;}
.tab-content{ min-height: 240px;  width:100%; position: relative; padding: 0 20px;}


.zd-t3{  padding: 10px 15px;
  cursor: pointer;
  border: none;
  background-color: rgb(235, 235, 235);
border-left: 3px solid  #9c6b58;
}
.newslists{ max-width:100%; overflow:hidden;}
.newslists a{margin-bottom:12px;background-color: #fff; padding:5px 0; display:block;  display:flex;transition: background-color 1s ease, background-position 0.5s ease;}
.newslists a:hover{background: #9c6b58;color: #fff;background-position: 100% 0;}
.newslists a:hover .time{color:#fff}
.newslists .title{flex: 70%;; width:80%; white-space: nowrap; /* 不换行 */
     overflow: hidden; /* 超出部分隐藏 */
     text-overflow: ellipsis; /* 显示省略号 */}
.newslists .time{color: #777; flex:6%; font-size:90%}

.i-notice-box{padding: 10px 0;}




.inew-line{width: 300px ; height: 2px; margin: 0 auto; background-color: #9c6b58;}

.swiper-pagination-bullet-active{background: #9c6b58;}

video {
  width: 100%;
}

.controls {
  display: flex;
  align-items: center;
  background-color: #333;
  color: #fff;
  padding: 10px;
}

.play-pause {
  width: 30px;
  height: 30px;
  background: url('play-icon.png') no-repeat center;
  cursor: pointer;
}

.play-pause.paused {
  background: url('pause-icon.png') no-repeat center;
}

.progress {
  flex: 1;
  height: 5px;
  background-color: #555;
  margin: 0 10px;
  position: relative;
}

.progress-bar {
  height: 100%;
  background-color: #fff;
  width: 0%;
}



.index-box{display: flex; gap: 20px; padding: 40px 0;}
.index-ry{flex: 36%;display: flex; flex-wrap: wrap;}
.index-yj{ flex:62%;display: flex; flex-wrap: wrap;gap: 20px;}
.index-ry .item{flex: 48%;
 
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
  text-align: center;
}
.index-ry .item .title{color: #fff; font-size: 110%; display: block; padding: 54px 0;background-color:rgba(0,0,0,.7); }
.index-ry .item .title:hover{background-color:rgba(0,0,0,.6);}
.index-ry .item .title i{font-size:320%;}
.index-ry .bg1{background:url("../images/y1.jpg") center center no-repeat;}
.index-ry .bg2{background:url("../images/y2.jpg") center center  no-repeat;}
.index-ry .bg3{background:url("../images/c9.jpg") center center  no-repeat;}
.index-ry .a-title{
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */ 
background-color: #9c6b58; color: #fff;}
.index-ry .a-title h3{font-size: 180%; margin-top: 60px;}
.index-ry .a-title p{font-size: 90%;margin-top: 10px;}

.index-yj .yj-box{flex: 78%; display: flex; flex-wrap: wrap;gap:10px; height:360px;}
.index-yj .yj-title{flex: 10%; text-align: center; 
  display: flex;flex-wrap: wrap;
 
background-color: #9c6b58; color: #fff;
}
.index-yj .yj-title .a-t{writing-mode: vertical-lr; /* 从左到右的竖排方式 */ flex: 100%;
  display: flex; justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */ font-size: 180%;
  min-height: 240px;
}
.index-yj .yj-title .b-t{width: 100%;; display: flex; align-items: center; /* 垂直居中 */ justify-content: center; /* 水平居中 */ border-bottom:1px solid #9c6b58;}
.index-yj .yj-title .b-t:hover{ background-color: #844229;}

.index-yj .yj-title a{color: #fff;}
.index-yj .yj-gc .item{ position: relative;  overflow: hidden; height:172px;}
.index-yj .yj-gc .item .pic img{ height:172px; width:100%}
.index-yj .yj-gc .item .tag{display: none;}
.index-yj .yj-gc .item  .title{position: absolute; bottom: 0; left: 0; right: 0; padding:  0; width: 100%;  background-color:rgba(0,0,0,.7);  color: #fff; text-align: center;overflow: hidden; height: 36px; line-height: 36px;}


.bk-depo {padding: 12px 8px;}

.bk-depo .my-title{font-size: 1.6rem;}





.footer-nav{background-color: #9c6b58; min-height: 240px;padding-top: 20px;}
.f-nav-box{display: flex; width: 100%;}
.f-nav-list{flex:76%; display: flex; }

.f-nav-ul {display: flex; width: 100%;color: #ffffff;}
.f-nav-ul li{padding: 0; flex-grow: 1; text-align: left;}
.f-nav-ul>li>a{font-weight: bold; margin-bottom: 10px; padding: 0; line-height: 30px;;}
.f-nav-ul a{color: #ffffff;}

.f-nav-logo{flex: 22%; padding:20px; text-align:center;}


.footer{background-color: #252525; color: #dddddd;width: 100%;  font-size: 80%; }
.footer a{color: #dddddd;}

    .footer-box{display: flex; gap: 2vw; flex-wrap: wrap; padding:10px 0; text-align: left;}
    .foot-logo{flex:25%;}
    .foot-copyright{flex: 40%;}
    .foot-vchar{flex: 25%;}


.links{display:flex; gap:0 20px;}

.links a{flex:18%}
.links img{height:60px; width:100%;}




.show-a{box-shadow:3px 3px 4px rgba(0, 0, 0, .2), 1px 3px 4px rgba(255, 255, 255, .9),  inset 2px 2px 2px rgba(255, 255, 255, .9),
  inset 1px 1px 1px rgba(0, 0, 0, .4);
}

.show-b{
  
  box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;
}  
  
  .g-left::before {
      content: "";
      position: absolute;
      top: 50%;
      left: 5%;
      right: 5%;
      bottom: 0;
      border-radius: 10px;
      background: hsl(48, 100%, 20%);
      transform: translate(0, -15%) rotate(-4deg);
      transform-origin: center center;
      box-shadow: 0 0 20px 15px hsl(48, 100%, 20%);
      z-index: -1;
  }
  
  .g-both {
      background: hsl(199, 98%, 48%);
      box-shadow: 0 0 5px 2px hsl(199, 98%, 40%);
  }
  
  .g-both::before {
      content: "";
      position: absolute;
      top: 50%;
      left: 5%;
      right: 5%;
      bottom: 15%;
      border-radius: 10px;
      background: hsl(199, 98%, 20%);
      transform: translate(0, -20%) rotate(-4deg);
      transform-origin: center center;
      box-shadow: 0 0 20px 15px hsl(199, 98%, 20%);
      z-index: -1;
  }
  
  .g-both::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 5%;
      right: 5%;
      bottom: 15%;
      border-radius: 10px;
      background: hsl(199, 98%, 20%);
      transform: translate(0, -20%) rotate(4deg);
      transform-origin: center center;
      box-shadow: 0 0 20px 15px hsl(199, 98%, 20%);
      z-index: -1;
  }
  
  .g-slide {
      background: hsl(150, 62%, 52%);
      box-shadow: 0 0 5px 2px hsl(150, 62%, 40%);
  }
  
  .g-slide::before {
      content: "";
      position: absolute;
      top: 15%;
      bottom: 20%;
      left: 90%;
      right: 5%;
      border-radius: 10px;
      background: hsl(150, 62%, 20%);
      transform: translate(105%, 10%) rotate(15deg);
      transform-origin: center center;
      box-shadow: 0 0 10px 7px hsl(150, 62%, 20%);
      z-index: -1;
  }
  
  .g-slide::after {
      content: "";
      position: absolute;
      top: 15%;
      bottom: 20%;
      left: 5%;
      right: 90%;
      border-radius: 10px;
      background: hsl(150, 62%, 20%);
      transform: translate(-105%, 10%) rotate(-15deg);
      transform-origin: center center;
      box-shadow: 0 0 10px 7px hsl(150, 62%, 20%);
      z-index: -1;
  }
/***list cate**/
.TopBanner{background: url( ) center center no-repeat; width:100%; max-height:40vh;overflow: hidden; }
.TopBanner img{width: 100%;}
        
#main-container{ position:relative;  margin:4px auto;}
#main-container .row{padding:20px 40px;}
.list-nav{position:absolute; top:-60px; right:0}
.list-navtab{width:100%; position:absolute; top:-60px;}
.list-navtab a{background:white; display:block; width:120px; height:56px; line-height:56px; text-align:center; float:left;
transition:1s;
}
.list-navtab .widget-title ,.list-navtab a:hover{background:#9c6b58; color:#fff;}
.list-navtab .active{background:#eee}

.content-page{font-size:110%; line-height:1.8;}

.content-page p{ margin-bottom:20px;}
.content-page img{max-width:100%;}

.content-title{font-size:200%; text-align:center; }
.content-title-line{width:120px; height:2px;background:#ddd; margin:0 auto;margin-bottom:20px;}




.lists-box-a,.lists-box-b,.lists-box-txt{display: flex; flex-wrap: wrap; gap: 10px;flex-direction: row; justify-content:start;}
     .lists-box-a .item a{display: flex; gap: 20px 0; padding: 10px;;}
     .lists-box-a .item .pic{ flex: 10%;;}
     .lists-box-a .item .desc{flex: 78%;padding-left: 20px;;}
     .lists-box-a .item .desc .title{font-size: 120%; font-weight: bold;}

     .lists-box-b .item{ position: relative;flex-direction: column;width: calc((100% - 30px)/3);}
     .lists-box-b .item .title{position: absolute; bottom: 0; left: 0; width: 100%; background-color: #777; color: #fff; height: 36px; line-height: 36px; text-align: center;  overflow: hidden;;}
     .lists-box-b .item .pic{height:286px; overflow:hidden}
     .lists-box-b .item .pic img{min-height:286px;}
      .lists-box-b .item:hover{box-shadow: 2px 2px 2px rgba(0, 0, 0, .5);}

.lists-box-txt .item{flex:48%; border-bottom:1px solid #eee; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px 0px;}
.lists-box-txt .item:hover{box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px 0px;}
.lists-box-txt  .item a{display: flex; gap: 20px 0; padding: 10px;;}
.lists-box-txt  .item .pic{ flex:20%;;}
.lists-box-txt  .item .pic img{width:100%;}
.lists-box-txt  .item  .desc{flex: 78%;padding-left: 20px;;}
.lists-box-txt  .item .time{font-size:80%; color:#999;}




.pagination-block{text-align:center;margin:20px 0; display:block; height:40px;}
.pagination{text-align:center;margin:20px 0; }
.pagination_info{}
.pagination li{ float:left; border:1px solid #9c6b58; height:32px; line-height:32px; margin:0px 8px;padding:0 10px;}
.pagination li a{display:block;}
.pagination .active{background:#9c6b58; color:#fff;}


/****right****/
.show-list .zd-t3{margin-bottom:10px;}
.list-unstyled .items{border-bottom:1px solid #eee; margin-bottom:12px;}
/***show**/
.show-box{display:flex;padding:30px 0; gap:30px;}
.show-content{flex:72%; background:#fff;padding: 30px;box-shadow: 0px 2px 10px rgba(0, 0, 0, .2);}
.show-list{flex:26%; background:#fff;padding:10px;box-shadow: 0px 2px 10px rgba(0, 0, 0, .2);}

.show-list .widget-title{}

.main-content{padding-right:40px;font-size:110%; line-height:1.8;}
.main-content p{margin-bottom:10px;}
.entry-title{font-weight:bold;font-size:140%; line-height:1.8; margin:20px 0;}
.show-list .entry-title{font-weight:normal;font-size:100%;}
.post-meta{border:1px solid #eee; margin-bottom:20px;padding:2px 10px; color:#777}
.post-meta a{color:#777}

.bc-related-post{display:block;border-top:1px solid #ddd;padding-top:8px;]}

@media  (max-width: 960px)  {
html,body{width:100vw;}

.content_body {
 
    padding: 0px 0;
  }

.fixed-top{position: relative;}
.i-box{padding:20px 0}
 .container{width:96%; margin: 0 auto;}
  .container-fluid{width: 100%;}
 .mt-120{margin-top: -10px;}
.header{position:relative;  width:100%;height:60px;}
.nav-box{width:70vw;  z-index: 88; float: left;}
.m-none,.nav,.phone,.top,.f-nav-list {display: none;}

.nav-box{width:100vw;position:relative}
.nav-box .logo,.nav-box .logo a{display: block;  text-align:left; flex:100%; height:60px; width: 100%; float: left; background-size:100%;background-color: #fff;}
.nav-box .logo img{width:90%;margin-top:4px; float:left; }
.logo2{ background-size:96%;}

.m-navbtn{position:absolute; right:0.5vw; top:0px; z-index:88}

.nav-box .nav{position: absolute; top:0; left:0; height: 100vh; background-color: #fff; width: 70%;
transition: transform 0.5s ease-in-out;
 display: flex;
    flex-direction: column;
  transform: translate(-150%);
  justify-content: flex-start;;
;}

.nav ul li{height: 60px; line-height: 60px; text-align: center; border-bottom: 1px solid #ccc;}
.mynavli{padding: 0;}
.nav a:hover {
  text-decoration: none;
  background: #996666;transition:all .3s ease 0s;
 color: #000;
  height: 62px; line-height: 62px;
}
.nav a,.mynavli a{color: #000; width:100%}
.nav-a{line-height: 62px;}
.nav li ul {
  background: #996666;color: #000;
}
.nav li ul li {
  width: 100%; text-align: center;
}
.nav li ul a {
  border: none;
  height: 62px; line-height: 62px;;color: #000;
  font-size: 14px;;
}

     .nav3 ul > li:hover ul li {
      height: 48px; line-height: 48px;
}
.nav3 li ul {
  position: absolute;
  width: 100%;
  left:0rem;;
  top: 68px;
 
}
.nav3 li ul li {
  width: 100%;

  height: 48px; line-height:48px;
 
}
.nav i{display:none}
.banner,.i-banner, .i-banner .swiper-slide{position: relative; height:40vh}
 .i-banner .zd-next , .i-banner .zd-prev{display:none}
.i-banner .swiper-pagination{bottom:10px;}
.i-banner .carousel-caption{top:46%; left: 10%; color:#fff; text-align: left; z-index: 66; position: absolute;
  padding:10px 20px;

}

.i-banner .carousel-caption h2{font-size:1.2rem; line-height: 1.8; font-weight:600;  }
.i-banner .carousel-caption h4{font-size:1rem}
.i-banner .carousel-caption h6{font-size:1rem}

.tab-button {
  padding:6px 15px;
 
}
.tab-content{overflow:hidden}
.i-about-ld,.i-about-xx{flex: 100%;}
.i-about-xx{margin-top: 20px; padding: 0;}
.i-about-xx .txt{padding: 0; font-size: 1.18rem;}

.about-btn{width: 100%;}
.about-btn a{margin-top: 20px; display: block; width:40%; float: left;}
.fast-num .item{flex:46%;}

.i-news-box{display: flex; gap:0px;width:96%;margin:0 auto; flex-wrap: wrap;;}
.i-news-video{ flex:100%; width:100%;margin:0 auto;}
.i-news-lists{ flex: 100%; background-color: #fff;}
.i-notice{flex: 100%;background-color: #fff;}

.i-news-video,.i-news-lists,.i-notice{ max-width:90vw;margin:0 auto;margin-bottom:14px;}

.i-new-box .item{flex: 46%; position: relative;;}
.i-new-box .item .pic{height: auto; overflow: hidden;}

.zd-t3{padding:10px 0}

.i-news-pic{width: 100%;  max-width:480px; overflow:hidden;max-height:66vw}
.i-news-pic .item{ max-height:66vw}
.i-news-pic img{width: 100%; max-height:66vw}
.i-news-pic .title{padding: 6px 0;}

.newslists{border-bottom:3px solid #eee; }
.newslists .time{display:none;}
.newslists .title{flex: 96%;}

.i-new-box .item .title{position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, .2); color: #fff; text-align: center; padding: 6px 0;}

 .zizhi-box{flex-wrap:wrap; gap:20px 0}
 .zizhi-box .item{flex:100%;}

.i-news-pic{max-width:98vw}

.index-box{width: 100%;  gap: 0; padding: 20px 0; flex-wrap:wrap;}
.index-ry{flex: 100%;}
.index-yj{ flex:100%;gap: 20px;}
.index-ry .item,.index-yj .yj-title{flex: 100%; max-width:96vw; margin:0 auto; overflow:hidden;margin-bottom:6px;}

.index-ry .a-title h3{font-size: 180%; margin-top: 20px;}
.index-yj .yj-title .a-t{writing-mode: horizontal-tb;    min-height:80px;}
.index-yj .yj-title .b-t{width: 100%;; }

.px-3{padding:0;}

.index-yj .yj-box{max-width:96vw; overflow: scroll;height:260px}
.yj-box .swiper-wrapper{max-width:96vw;}
.yj-box .item{max-height:120px;}

.footer{background-color: #252525; color: #dddddd;width: 100%; border-top:1px solid #ddd; }
.footer a{color: #dddddd;}
.footer span{display: block;}

    .footer-box{display: flex; gap: 2vw; flex-wrap: wrap; padding:10px 0; text-align:center;}
/***list page**/
#main-container .row{padding:10px ;}
.list-nav,.show-list{display:none}
.list-navtab{display:flex; top:-36px; left:0}
.list-navtab a{ flex: 20%; width:70px; height:36px; line-height:36px; 
}
.show-box{padding:10px 0;}
.show-content,.lists-box-txt .item,.lists-box-b .item,.lists-box-a .item{flex:100%;}
.main-content{padding:0;}

}