.container{

width: 1600px!important;

max-width: 1600px !important;
min-width: 1600px !important;
}


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

body{



}

}
ul,li {padding:0;margin:0;list-style:none;}
img {max-width:100%;}
a:link {color:#505050;text-decoration:none;}
a:visited {color:#505050;text-decoration:none;}
a:active {color:#505050;text-decoration:none;}
a:hover {text-decoration:none;}

.whitea a:link {color:#ffffff;text-decoration:none;}
.whitea a:visited {color:#ffffff;text-decoration:none;}
.whitea a:active {color:#ffffff;text-decoration:none;}
.whitea a:hover {color:#ffffff;text-decoration:none;}


.daohang .nav-item {margin-left:1.3rem;margin-right:1.3rem;font-size:1.1rem;}
.navbar-light .navbar-nav .nav-link {color:rgba(0,0,0,.9);}


 /* Container styles */
    .boximgtxt {
      position: relative;
      width: 100%; /* 调整容器宽度 */
      margin: auto;
	  overflow: hidden;
    }

    /* Image styles */
    .boximgtxt img {
      width: 100%;
      height: auto;
      display: block;
    }
 .boximgtxt img:hover {transform: scale(1.1);transition: 0.5s linear 0s;}
    /* Text overlay styles */
    .text-overlay {
      position: absolute;
      bottom: 0;
      width: 100%;
      background-color: rgba(0, 0, 0, 0.8); /* 半透明黑色底 */
      color: white; /* 白色文字 */
      padding: 10px; /* 调整文字底部间距 */
      box-sizing: border-box;
	  font-size:1.1rem;
	  font-weight:bold;
    }

    /* Descriptive text styles */
    .description-text {
      text-align: center;
      color: #5d5d5d; /* 调整描述性文字颜色 */
      margin-top: 10px; /* 调整描述性文字顶部间距 */
	  font-size:1rem;
	  line-height:2;
    }


.boxnews .nav-tabs .nav-link {
  background:url(../images/plus.png) no-repeat right 1rem center #d9d9d9; 
  color:#555555;
  margin-right:1rem;
  padding-left:1.5rem;
  padding-right:4rem;
  font-size:1.1rem;
 
}

.boxnews  .nav-tabs .nav-link.active {
  
  background-color: #b29b63;
  color: #fff;
}

.boxnews .nav-tabs {
  border-bottom: 1px solid #cccccc;
  margin-bottom: 0.3rem;
  padding-bottom: 0.8rem;
}
	
	
	
.imgfd {width:180px;height:115px;overflow: hidden;}
.imgfd img {}
.imgfd img:hover {transform: scale(1.1);transition: 0.5s linear 0s;}
.boxnews .card {border:0; border-bottom:1px dashed #b5b5b5;padding-bottom:0.5rem;margin-bottom:1rem;margin-top:1rem;}
.boxnews .card-body {padding:0;padding-top:0.5rem;padding-bottom:0.5rem;overflow: hidden;}


.boxnews .card-title b {float:left;color:#6a6a6a;font-weight:normal;}
.boxnews a:hover .card-title  b {color:#b29b63;text-decoration:none;font-weight:bold;}
.boxnews .card-title small {float:right;color:#989898;font-size:0.8rem;}

.boxnews .card-text {font-size:1rem;line-height:2;color:#989898;}
.boxnews a:hover .card-text {text-decoration:none;color:#b29b63;}

.indexbg1 {width:100%;height:auto;background:url(../images/bg1.jpg) no-repeat bottom center;padding-top:4rem;padding-bottom:4rem;background-size: cover;}
.indexbg1 .container { background:#ffffff;padding-top:2rem;padding-bottom:2rem;padding-left:30px;padding-right:30px;}

.cpleft {padding-left:3rem;padding-right:2rem;padding-top:15rem;padding-bottom: 12rem; background:url(../images/cp.png) no-repeat;background-size: auto 90%;
background-position: center; 
background-repeat: no-repeat;  color:#ffffff;}

 .product-title {
      font-size: 1.5rem;
      font-weight: bold;
      margin-bottom: 1rem;
	  
	  
    }
.indexmainbg  {
	
background: url(../images/cpbg.jpg) no-repeat;
    background-size: 40% 100%; /* 控制背景图片的宽度不超过40%，高度为100% */
    background-position: left; 
	
	
	
	
	}
    .cpleft .description-text {
      font-size: 1rem;
       color:#ffffff;
      margin-bottom: 3.5rem;
	  text-align:left;
	  line-height:2.5;
    }

    .more-products-btn {
      display: inline-block;
      padding: 10px 20px;
      font-size: 16px;
      font-weight: bold;
      text-align: center;
      text-decoration: none;
      color: #ffffff;
      background-color: #c1ac7d;
      border-radius: 10px;
      transition: background-color 0.3s;
	  
	  margin-bottom: 5rem;
    }
a.more-products-btn  { color: #ffffff;}
    .more-products-btn:hover {
      background-color: #ac996f;
    }
	
	
	
	
	
	
 

   .cpright  .swiper-slide {
      
     
     
      
    }

  .cpright   .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

   

   .cpright  .swiper {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }

  .cpright   .swiper-slide {
      background-size: cover;
      background-position: center;
    }

   .cpright  .mySwiper2 {
      height: 79%;
      width: 100%;
    }

   .cpright  .mySwiper {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    }

  .cpright   .mySwiper .swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.4;
    }

   .cpright  .mySwiper .swiper-slide-thumb-active {
      opacity: 1;
    }

  .cpright  .mySwiper .swiper-slide  img {
      display: block;
      width: 120px;
      height: 120px;
      margin:0 auto;
	  border-radius:50%;
	  border:1px solid #cccccc;
    }	
	.cpright  { position:relative; text-align:left; background:#ffffff;}
.cpright.col-8 {padding-left:30px;padding-right:0;}	
	.img100 {width:100%;}
	
.cpright .card {border:0;padding-top:6rem;}
.cpright .swiper-button-next {  z-index:999;position:absolute;left:630px;top:530px; width:50px;height:auto;}
.cpright .swiper-button-prev {  z-index:999;position:absolute;left:560px;top:530px;width:50px;height:auto;}	

.cpright .swiper-button-prev::after,
.cpright .swiper-button-next::after {
  content: '';
  
}

.cpright .card-title {font-size:2rem;font-weight:bold;color:#474747;}
.cpright .card-text {font-size:1rem;color:#555555;margin-top:1rem;margin-bottom:1rem;line-height:2;}
.cpright .card-text2 {font-size:1rem;color:#4d4d4d;margin-top:1rem;margin-bottom:1rem;line-height:2;}

.cpright .swiper-slide img.cpimg {    width: auto;
   height: 550px;max-width:100%;margin:0 auto;}


.indexabout {width:100%;height:auto;background:url(../images/aboutbg.jpg) no-repeat bottom center #e4e1d0;padding-bottom:5rem;}
.iabout_tit {text-align:center;font-size:1.5rem;color:#404040;line-height:2;font-weight:bold;padding-top:4rem;padding-bottom:1.5rem;}
.iabout_desc {text-align:center;font-size:1.2rem;color:#404040;line-height:2;margin-bottom:3rem;}

.about-box {width:90%;margin:0 auto;}

.left-about {
      width: 30%;
      
      box-sizing: border-box;
      background-color: #ffffff;
	 float:left;
    }
.left-about-content {padding:1.2rem;height: 531px;}
    .right-about {
      width: 70%;
	  height:531px;
      box-sizing: border-box;
      position: relative;
	  float:left;
	  background:url(../images/aboutv.jpg) no-repeat center center;
	  background-size:cover;
	  overflow: hidden;
    }


.mainbg.pt-5.pb-5 {padding-bottom: 4rem !important;padding-top: 4rem !important;}


    .aboutcontent {
      margin-bottom: 20px;
    }

    .play-button {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      
      cursor: pointer;
    }
.left-about-tit {font-size:1.5rem;font-weight:bold;margin-bottom:2rem;color:#555555;margin-top:2rem;}
.left-about-desc {font-size:1.2rem;color:#555555;line-height:2;margin-bottom:2rem;}
.left-about-anniu a { background:#eeeeee;padding:0.3rem 0.8rem;color:#c0ac7c; border-radius:15px;font-size:1.2rem;}



.aboutxxx {color:#ffffff;background: rgba(0, 0, 0, 0.6);padding-top:1rem;padding-bottom:1rem;text-align:center; position:absolute;bottom:0;left:0;width:100%;font-family:"Microsoft Yanei"; }
.aboutxxx span {font-size:2rem;font-weight:bold;color:#ffffff; display:block;}
.aboutxxx i { display:block;color:#daceac;font-size:0.8rem; font-style:normal;}
.aboutxxx .col { background:url(../images/li.png) no-repeat left center;}

.pagepage {padding:1rem 0 2rem;}
.pagepage .aboutxxx { position:relative;color:#b29b63;background:#ffffff;}
.pagepage .aboutxxx span {color:#b29b63;font-size:3rem;}
.pagepage .aboutxxx i  {font-size:1.2rem;}

.footer {width:100%;height:auto;background:#e4e1d0;}

.bottom_nav {width:70%;overflow:hidden;}
.bottom_ewm {width:25%;padding-left:5%;overflow:hidden; border-left:1px solid #b5b4ab;}
.fl {float:left;}
.fr {float:right;}

.bottom_nav .left {
  float: left;
  
  
  display: inline-block;
  width: 25%;
  
}

 .bottom_nav .left h3 {
	font-size: 1.1rem;
	line-height: 2;
	color: #404040;
	
}
.bottom_nav .left dd a {
	display: inline-block;
	font-size: 0.95rem;
	color: #878787;
	
	line-height:2;
}
.bottom_nav .left a:hover {
	color: #000000;
}

.bottom_ewm .ewm {
  width: 120px;
  height: 120px;
  background-color: #ffffff;
  text-align: center;
 
}
.bottom_ewm .ewm img {
  width: 110px;
  height: 110px;
  margin-top: 5px;
}

.ewm_tit {font-size:1.1rem;font-weight:bold;color:#878787;line-height:2;}
.ewm_desc {font-size:0.9rem;color:#878787;line-height:2;}
.fline {border-top:1px solid #b5b4ab;padding-top:1rem;color:#878787;font-size:1rem;}
.fline  a {color:#878787;}

.nban {width:100%;height:550px;background:url(../images/nban.jpg) no-repeat top center;}


.menu {
	width: 100%;
	height: 70px;
	line-height: 60px;
	background:#ffffff;
	
}
.menu .list {
	width: 1199px;
	margin: 0 auto;
	
}
.menu li {
	padding:0 1rem;
	margin-right:1rem;
	height: 60px;
	float: left;
	
	position: relative;
}
.menu li .nav1 {
	width: 100%;
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	display: block;
	text-align: center;
	color: #505050;
}

.menu li:hover, .menu li.hover {
	border-right-color: #ec8e44;
}
.menu li:hover .nav1, .menu li.hover .nav1 {
	border-bottom:3px solid #b29b63;
	color: #505050;
}

.nline {width:100%;height:2rem;}
.position { position:absolute;right:0;top:0.5rem; background:url(../images/position.png) no-repeat left center;padding-left:1.5rem;color:#505050;font-size:1rem;}

.img100 {width:100%;height:auto;}
.a_tit1 {font-weight:bold;font-size:2rem;color:#505050;margin:2rem 0;}
.a_desc1 {font-size:1rem;color:#505050;line-height:2;}




.pageflash  .swiper {
      width: 100%;
      height: 100%;
    }

.pageflash  .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

.pageflash    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

  

.pageflash  .swiper {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }

.pageflash   .swiper-slide {
      background-size: cover;
      background-position: center;
    }

.pageflash  .mySwiper2 {
      height: 80%;
      width: 100%;
    }

.pageflash   .mySwiper {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    }

.pageflash   .mySwiper .swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.4;
    }

.pageflash   .mySwiper .swiper-slide-thumb-active {
      opacity: 1;
    }

.pageflash  .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

.pageflash .swiper-button-prev::after
 {
  content: '<';
  
}


.pageflash .swiper-button-next::after {
  content: '>';
  
}







/*关于我们start*/
.about_bg{position:fixed;width:100%;height:100%;top:0;left:0;background: url(../images/about_bg.jpg) no-repeat;background-size:cover;}
.about_content22{width:100%;margin:0 auto;}
.about_content22 h2,.about_content h3{text-align:center;font-weight:normal;color:#b29b63;}
.about_content22 h2{font-size:2.5rem;margin-top:1rem;margin-bottom:1rem;}
.about_content22 p{font-size:1rem;color:#505050;line-height:180%;margin-bottom:1rem;text-align:center;}
.about_content22.history{text-align:center;position:relative;}

/*大事记start*/
.event_box{width:95%;margin:3% auto 0;position:relative;min-height:420px;}
.event_box .parHd {width:100%;display:inline-block;height:192px;overflow:hidden;position: relative;}
.parHd  ul{width:100%;text-align:center;margin:0 auto;padding-top:25px !important;}
.parHd .tempWrap{margin:0 auto;}
.parHd .tempWrap:after{content:'';width:85%;height:1px;background:#580000;position:absolute;/* top:33%;*//* right:-140%;*/right:8%;top:35%;/* margin-top:-0.5px;*/z-index:10;}
.parHd li.no_line:before{display:none;}
.parHd li{display:inline-block;cursor:pointer;padding-top:30px;font-size:16px;color:#000;margin:0 30px;position:relative;}
.parHd li:after{content:'';background:url(../images/dot_ico.png) no-repeat;width:24px;height:24px;position:absolute;z-index:20;top:-12px;left:50%;}
.parBd{text-align:center;margin-top:60px;}
.parBd h4{position:relative;font-size:40px;margin-bottom:3%;/*width:200px;*/ padding:0 60px;display:inline-block;text-align:center;}
.parBd h4:after{content:'';background:#000;width:100px;height:1px;position:absolute;left:-100px;bottom:12px;}
.parBd h4:before{content:'';background:#000;width:100px;height:1px;position:absolute;right:-100px;bottom:12px;}
.parBd p{line-height:180%;font-size:16px;width:80%;margin:0 auto;}
div#listBox {width:100%;}
.sPrev,.sNext{width:30px;height:30px;display:block;position:absolute;top:10px;}
.sPrev{left:0;}
.sNext{right:0;}
.sPrev img,.sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);}
.parHd li.act span{display:block;width:24px;height:24px;overflow:hidden;background:url(../images/cat.png) no-repeat;position:absolute;top:-12px;left:28px;z-index:21;}
.parHd li span,.parHd li.clone span{display:none;}	

.event_box .slideBox {width:100%; height:auto; background:#f7f7f7;padding:2rem 1rem;}



 .historybox {
            display: flex;
            
            margin: 0 auto;
        }

        .left-column {
            flex: 60%; /* 左侧占60%宽度 */
            padding: 20px;
			text-align:left;
        }

        .right-column {
            flex: 40%; /* 右侧占40%宽度 */
            padding: 20px;
        }
.left-column h2 {font-size:2.5rem;margin-bottom:1rem;color:#b29b63;font-weight:bold;}	
.cccontent {font-size:1rem;color:#070707;line-height:2;}	
	
	
.nnewslist .card-title { 
font-size:1.2rem;
font-weight:bold;
color:#4f4f4f;
}
.nnewslist .card-text {font-size:1rem;color:#8e8e8e;}
.nnewslist .btn-primary {
  color: #8e8e8e;
  background-color: #ffffff;
  border-color: #d6d6d6;
}
.nnewslist .btn-primary:hover {
  color: #ffffff;
  background-color: #b29c63;
  border-color: #b29c63;
}


.nnewslist .more a {float:left;}
.nnewslist .more span {float:right;color:#8e8e8e;font-size:1.1rem;}
.nnewslist .card {border:0; background:#fbfbfb; overflow:hidden;}
.nnewslist .card  .tpimg { overflow:hidden;}
.nnewslist .card  img:hover {transform: scale(1.1);
  transition: 0.5s linear 0s;}
.tpimg img:hover {transform: scale(1.1);
  transition: 0.5s linear 0s;}

.nnewslist2  li.media {border-top:1px solid #e4e4e4;padding-top:2rem;padding-bottom:2rem;}
.nnewslist2 .timet {width:120px;text-align:center;color:#4f4f4f;}
.nnewslist2 .timet span { display:block;font-size:1.31rem;}
.nnewslist2 .timet b { display:block;font-size:4rem;}
.nnewslist2 .media img { width:322px;height:215px;}
.nnewslist2 .media-body h5 {font-size:1.3rem;font-weight:bold;color:#4f4f4f;}
.nnewslist2 .media-body p {font-size:1rem;color:#8e8e8e;line-height:2.5;margin-top:1rem;padding-right:1rem;}

.nnewslist2 .media .tpimg {width:322px;height:215px;overflow:hidden;}


.nnewslist2 .btn-primary {
  color: #626262;
  background-color: #ffffff;
  border-color: #e5e5e5;
}
.nnewslist2 .btn-primary:hover {
  color: #ffffff;
  background-color: #b29c63;
  border-color: #b29c63;
}


.pages .page-item.active .page-link {background-color: #0b1240;
border-color: #0b1240;}
	
	
.news-title{padding:0;padding-bottom:1rem}
.news-title h1{font-size:2rem;color:#b29b63;padding-bottom:10px;font-weight:bold;line-height:1.5;text-align:center}
.news-title p{font-size:1rem;color:#626262;padding-bottom:28px;border-bottom:1px solid #d0d0d0;text-align:center}
 .news-title p a{color:#6b6b6b}
 .news-title p a:hover{color:#f0851a}
 .news-views{margin:0.5rem 1rem 1rem;margin-top:0;font-size:16px;min-height:600px;color:#666;line-height:1.75;overflow:hidden;border-bottom: 1px solid #d0d0d0;}
 .news-views img{max-width:100%!important}
 .news-views p{margin-bottom:5px;font-size:16px!important}
 .news-views span{font-size:16px!important}
	
	.prenext {padding:0 0 2rem; line-height:2.5;font-size:1rem;}
	
	.news_right_title {
    font-size: 18px;
    border-bottom: 1px solid #e7e7e7;
    height: 36px;
    line-height: 18px;
    position: relative;
}

.news_right_content {
    margin-top: 10px;
    line-height: 36px;
}

.news_right_title strong {
  color: #b29b63 !important;
  float:left;
  font-size:1.5rem;
  
}

.news_right_title span {
  
  float:right;
  
}

.news_right_content a {
    display: block;
    
    width: 100%;
    line-height: 2.5;
   
    color: #626262;
    cursor: pointer;
	border-bottom:1px solid #d0d0d0;
	font-size:1rem;
	 
}

.news_tj {margin-bottom:2rem;}



 .image-container {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .image {
            position: relative;
            margin-top: 10px;
			margin-bottom: 10px;
            text-align: center;
        }

        .image img {
            max-width: 100%;
            height: auto;
            border: 1px solid #cccccc;
            
        }

        .image p {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 10px;
            background-color: rgba(0, 0, 0, 0.7); /* 背景透明度底色 */
            color: #fff; /* 文字白色 */
            
            margin: 0;
        }

.protit {text-align:center;font-size:2rem;color:#505050;font-weight:bold;margin-bottom:1rem;}
.prodesc {text-align:center;font-size:1rem;color:#505050;margin-bottom:2rem;}

.xt-container {
            display: flex;
            align-items: center;
            max-width: 100%;
            margin: 0 auto;
        }

        .xt-left-column {
            flex: 1;
            padding: 20px;
			color:#717171;
			font-weight:bold;
			font-size:1.5rem;
        }

        .xt-right-column {
            flex: 6;
            padding: 20px;
            position: relative;
        }

        .xt-line {
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            height: 2px;
            background-color: #e5e5e5; /* 划线颜色 */
            transform: translateY(-50%);
        }





 .wh-container {
            
            margin: 0 auto;
            text-align: center;
        }

        .wh-image {
            position: relative;
        }

        .wh-image img {
            max-width: 100%;
            height: auto;
           
          
        }

        .wh-title {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            background: #a78d4d; /* 背景透明度底色 */
            color: #fff; /* 文字白色 */
            padding: 2.5rem 0;
            opacity: 0.9; 
            margin: 0;
			width:100%;
			font-size:1.2rem;
        }
		
		  .wh-titleimg {
            position: absolute;
            bottom: 50%;
            left: 50%;
            transform: translateX(-50%);
            
           
            margin: 0;
			width:100%;
			
        }
		
		
.n-gridlist {
	
}
.n-gridlist .item {
	width: 380px;
	float: left;
	margin: 0 15px 30px 15px;
	background: #fff;
	position: relative;
	overflow: hidden;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
	border:1px solid #cccccc;
}
.n-gridlist .item a {
	width: 100%;
	display: block;
	cursor: pointer;
}
.n-gridlist .item img {
	width: 380px;
	height: 285px;
	display: block;
}
.n-gridlist .item h3 {
	width: 100%;
	height: 64px;
	line-height: 64px;
	text-align: center;
	font-size: 16px;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
	border-top:1px solid #cccccc;
}
.n-gridlist .item .bg {
	position: absolute;
	width: 400px;
	padding-top: 136px;
	height: 285px;
	left: -400px;
	top: 0;
	z-index: 10;
	background: #000000;
	opacity:0.65;
	text-align: center;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.n-gridlist .item .bg s {
	width: 50px;
	height: 50px;
	display: block;
	
	margin: 0 auto;
	background:url(../images/s.png) no-repeat;
	background-size:cover;
	
}
.n-gridlist .item:hover {
	background: #ffffff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.n-gridlist .item:hover h3 {
	color: #505050;
}
.n-gridlist .item:hover .bg {
	left: 0;
}		
		
	.videolist {text-align:center;}
	.videolist  img { border-radius:0.5rem;}	
	.videolist a {margin-bottom:1rem;display:block;}	
		
		
		
	/* 本例子css */
		.picScroll-top{ margin:0 auto;  width:100%;  overflow:hidden; position:relative;    }
		.picScroll-top .hd{ overflow:hidden;  min-height:30px;  padding:0 10px;  }
		.picScroll-top .hd .prev,.picScroll-top .hd .next{ display:block;  width:100%; line-height:2;text-align:center;background:#cccccc; overflow:hidden;
			 cursor:pointer; }
		.picScroll-top .hd .next{  }
		.picScroll-top .hd .prevStop{   }
		.picScroll-top .hd .nextStop{  }
		.picScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
		.picScroll-top .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; }
		.picScroll-top .hd ul li.on{ background-position:0 0; }
		.picScroll-top .bd{ padding:10px;   }
		.picScroll-top .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-top .bd ul li{ text-align:center; zoom:1; }
		.picScroll-top .bd ul li .pic{ text-align:center; }
		.picScroll-top .bd ul li .pic img{ width:100%; height:auto; display:block;  padding:2px; border:1px solid #ccc; }
		.picScroll-top .bd ul li .pic a:hover img{ border-color:#999;  }
		.picScroll-top .bd ul li .title{ line-height:24px; }	
		
		
		
	 /* 可选：定义视频容器的样式 */
        #video-container {
            width: 100%; /* 设置容器宽度 */
            margin: auto; /* 居中显示 */
			position:relative;
        }

        /* 可选：定义视频样式 */
      #video-container  video {
            width: 100%; /* 视频宽度占满容器 */
            height: 720px; /* 高度自适应 */
            display: block; /* 防止底部留白 */
        }	
		
		
	.contactbox .btn-primary {
    color: #6e6d6b;
    background-color: #f4ecd0;
    border-color: #f4ecd0;
}	
		
		
	.daohang .dropdown-menu {background:#ffffff; opacity:0.8;border:0; border-radius:0;}	
		.daohang .dropdown-item {border-bottom: 1px solid #e9ecef;line-height:2; text-align:center;}
	.navbar-light .navbar-nav .nav-link:hover {border-bottom:3px solid #c5b387;}	
	.daohang  .dropdown-menu {left:-2.5rem; padding-top:2rem;}	
		
		
	

.zz-image-container {
      text-align: center;
      margin: 20px 0;
	  border:1px solid #cccccc;
	  background:#ffffff;
    }

    .zz-image-box {
      display: inline-block;
      position: relative;
     
      overflow: hidden;
      cursor: pointer;
    }

    .zz-image-box img {
      width: 100%;
      height: 300px;
      transition: transform 0.3s ease-in-out;
    }

    .zz-image-box:hover img {
      transform: scale(1.1);
    }

    .zz-image-title {
      padding: 10px;
      background-color: #ffffff;
	 
    }
    .zz-image-title h3 {font-size:1rem;}
 .zz-image-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.8); /* 80% 透明度的黑色遮罩层 */
      display: flex;
      align-items: center;
      justify-content: center;
      opacity: 0;
      transition: opacity 0.3s ease-in-out;
    }

    .zz-image-box:hover .zz-image-overlay {
      opacity: 1;
    }

    .zz-overlay-icon {
      width: 50px; /* 调整小图片的大小 */
      height: 50px;
      background: url('../images/s.png') center/cover no-repeat; /* 替换成你的小图片路径 */
    }


.pagination {
  list-style: none;
  display: flex;
  justify-content: center; /* Center items horizontally */
  margin: 0;
  padding: 0;
}

/* Style for pagination items */
.pagination li {
  display: inline;
  margin-right: 5px; /* Adjust as needed */
}

/* Style for active page link */
.pagination li.active a {
  background-color: #ddb756; /* Change to your desired color */
  color: #fff; /* Change to your desired color */
  border-radius: 3px; /* Add rounded corners if desired */
  padding: 5px 10px; /* Adjust as needed */
  text-decoration: none;
}

/* Style for normal page links */
.pagination li a {
  text-decoration: none;
  color: #999999; /* Change to your desired color */
  padding: 5px 10px; /* Adjust as needed */
  border: 1px solid #ddb756; 
  border-radius: 3px; 
}


.pagination li a:hover {
  background-color: #f0f0f0; /* Change to your desired color */
}
		
		
		
		
		
		
		
		

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #f1f1f1 url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
a.slick-disabled{ cursor: not-allowed;}
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
.slick-dots { position: absolute; bottom: 0; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; z-index: 400;}
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }


@-webkit-keyframes clockwise {
    0% { -webkit-transform: rotate(0); transform: rotate(0) }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}
@keyframes clockwise {
    0% { -webkit-transform: rotate(0); transform: rotate(0) }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}
@-webkit-keyframes donut-rotate {
    0% { -webkit-transform: rotate(0); transform: rotate(0) }
    50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg) }
    100% { -webkit-transform: rotate(0); transform: rotate(0) }
}
@keyframes donut-rotate {
    0% { -webkit-transform: rotate(0); transform: rotate(0) }
    50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg) }
    100% { -webkit-transform: rotate(0); transform: rotate(0) }
}

/*base style end*/

/*index style*/
@-webkit-keyframes fade-in-blur{0%{-webkit-filter:blur(5px);filter:blur(5px);opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%)}40%{opacity:1}to{-webkit-filter:blur(0);filter:blur(0);opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes fade-in-blur{0%{-webkit-filter:blur(5px);filter:blur(5px);opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%)}40%{opacity:1}to{-webkit-filter:blur(0);filter:blur(0);opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes fadeInUp{from{opacity:0;transform:translate3d(0, 100%, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}
@-webkit-keyframes zoom_animation {
	0% {-webkit-transform: scale(1);transform: scale(1)}
	100% {-webkit-transform: scale(1.2);transform: scale(1.2)}
}
@keyframes zoom_animation {
	0% {-webkit-transform: scale(1);transform: scale(1)}
	100% {-webkit-transform: scale(1.2);transform: scale(1.2)}

}
@-webkit-keyframes zoomUp{0%{transform:scale(1.08)}100%{transform:scale(1)}}
@keyframes zoomUp{0%{transform:scale(1.08)}100%{transform:scale(1)}}
@-webkit-keyframes tab {
	 from { opacity: 0; -webkit-transform: translateY(15%);  transform: translateY(15%);}
	to { opacity: 1; -webkit-transform: translateY(0%);transform: translateY(0%);}
}
@keyframes tab {
	from { opacity: 0; -webkit-transform: translateY(15%); transform: translateY(15%); }
	to { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%);}
}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(10px); -webkit-transform: translateY(10px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(10px); -webkit-transform: translateY(10px); opacity: 0; }
}
@-webkit-keyframes Turnico {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    25% { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
    50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
    75% { -webkit-transform: rotate(270deg); transform: rotate(270deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes Turnico {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    25% { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
    50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
    75% { -webkit-transform: rotate(270deg); transform: rotate(270deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-webkit-keyframes slide{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}
@keyframes slide{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}
 @keyframes cloudMove {
     0% { transform: translate(0); -webkit-transform: translate(0); }
     100% { transform: translate(-100vw); -webkit-transform: translate(-100vw); }
 }
 @-webkit-keyframes cloudMove {
     0% { transform: translate(0); -webkit-transform: translate(0); }
     100% { transform: translate(-100vw); -webkit-transform: translate(-100vw); }
 }
.opacityS{ opacity: 0; visibility: hidden;}
.action .opacityS,.m-active .opacityS{ opacity: 1; visibility: visible;}
.slide-box{ position: fixed; right: 90px; top: 0; height: 100%; width: 1px; z-index: 78; background-color: rgba(255,255,255,0.2); transition: 0.5s;}
.slide-box.colorbg{ background-color:rgba(102,102,102,0.2);}
.slide-box.colorbg .side-btn li em{ border-color: #ddd; background-color: #FBFBFB;}
.slide-box.colorbg .side-btn li span{ color: #666666;}
.side-btn{ position: absolute; top: 50%; transform: translateY(-50%); right: -32px;}
.side-btn li{ position: relative; margin-top: ; cursor: pointer;}
.side-btn li em{ display: block; width: 10px; height: 10px; border: 2px solid #fff; border-radius: 50%; position: absolute; right: 26px; top: 50%; margin-top: -7px;}
.side-btn li i{ display: block; width: 66px; height: 66px; background-color: #B82024; border-radius: 50%; text-align: center; line-height: 66px; position: relative; color: #fff; font-size: 26px; transform: scale(0); visibility: hidden; transition: 0.4s;}
.side-btn li span{ display: block; line-height: 66px; color: #fff; font-size: 12px; position: absolute; right: 66px; padding-right: 12px; white-space: nowrap; opacity: 0; visibility: hidden; padding-right: 22px; transition: 0.4s;}
.side-btn li.cur i{ transform: scale(1); visibility: visible;}
.side-btn li.cur span{ opacity: 1; visibility: visible; padding-right: 12px;}
.bitem-span2 i, .item-span2 i{ font-style: inherit;}
.content{position: fixed; left: 0; top: 0; width: 100%;}
.page{ position: relative; width: 100%; overflow: hidden; background-color: #fff; min-height: 100vh;}
.page.active{ z-index: 10;}
.page .ibg{ position: absolute; left: 0; top: 0; width: 110%; height: 110%; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: 1s;}
.page.action .ibg{ left: -8%;  transition: 2s 0.4s linear;}
#ibox4{ background-color: #FBFBFB;}
#ibox6{ min-height: 0; width: 100%; overflow: inherit; }
.banner a:link, .banner a:visited { color: #fff; }
.banner a:active, .banner a:hover { color: #fff; }
.banner { position: relative; overflow: hidden; width: 100%; height: 100vh; background-color: #f7f7f7; overflow: hidden;  opacity: 0;visibility: hidden; transition: 0.8s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transition: 0.8s cubic-bezier(0.7, 0, 0.3, 1); color: #fff;}
.banner.slick-initialized {visibility: visible;opacity: 1;}
.banner .item { position: relative; width: 100%; overflow: hidden;}
.banner .pimg { width: 100%; display: block; position: absolute; overflow: hidden;}
.banner .desc{ position: absolute; left: 50%; top: 50%; width: 760px; margin: -124px 0 0 -380px; text-align: center;}
.banner .desc h4{ font-size: 64px; line-height: 1.2; margin-bottom: 30px;}
.banner .desc .c{ font-size: 16px; margin-bottom: 40px; opacity: 0;}
.banner .desc .btn-more{ opacity: 0;}
.-moving .pimg{ -webkit-animation: zoom_animation 11s linear infinite; animation: zoom_animation 11s linear infinite}
.banner .slick-active .desc .c{ animation: fadeInUp 1s forwards; animation-delay:400ms;}
.banner .slick-active .desc .btn-more{ animation: fadeInUp 1s forwards; animation-delay:800ms;}
.banner .slick-dots{ left: 3%; bottom: 3%; text-align: left;}
.banner .slick-dots li{ position: relative; width: auto; height: auto;  margin: 0 8px 0 0; padding: 0; cursor: pointer;}
.banner .slick-dots li a{ width: 18px; height: 3px; background-color: #fff; display: block;}
.banner .slick-dots li.slick-active a{ background-color: #B82024;}
.bitem-span span{ display: inline-block; font-style: inherit; visibility: hidden; }
.slick-active .bitem-span span{visibility: visible; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-backface-visibility:visible!important; backface-visibility:visible!important; -webkit-animation-name:fade-in-blur; animation-name:fade-in-blur; }
		
		
		
.indexflash img {
  width: 100%;
  
  animation: zoomInOut 3s ease-in-out; /* 动画名称、时长、缓动函数等可以根据需要调整 */
}

@keyframes zoomInOut {
  0% {
    transform: scale(1.5); /* 初始时放大1.5倍 */
  }
  100% {
    transform: scale(1); /* 结束时恢复原始大小 */
  }
}
		
.mainbg {width:100%;height:auto;background:#fbfbfb;}
.mainbg .container { background:#ffffff;}
.contactinfo { position:relative;}
.contactinfo ul {padding-bottom:1rem; background:url(../images/contactbg.png) no-repeat top center; background-size:cover;}
.contactinfo ul li {font-size:1rem;color:#ffffff;padding:1rem 0;padding-left:3.5rem;margin-left:1rem;line-height:1.6;}
.contactinfo ul li.tel {background:url(../images/cc1.png) no-repeat left center;}
.contactinfo ul li.tel2 {background:url(../images/cc2.png) no-repeat left center;}
.contactinfo ul li.add {background:url(../images/cc3.png) no-repeat left center;}
.contactinfo ul li b {color:#ffffff;font-size:1.1rem;display:block;}
.contactinfo ul li span {color:#ffffff;font-size:0.9rem;display:block;}
.ccimg { position:absolute;right:1rem;bottom:2rem;}




.mainbg .container.aaazdy {padding:30px;}