/* 滑动 */
*{padding: 0;margin: 0px;}
.swiper-containers{width: 1200px;}
.swiper-container {-swiper-navigation-color: #5f1227;/* 单独设置按钮颜色 */    --swiper-navigation-size: 30px;/* 设置按钮大小 */} 
.swiper-wrapper .swiper-slide img{margin: 0 auto;}
.swiper-slide{width: 100px;height: 500px;color: #FFFFFF;text-align: center;}
.swiper-pagination-customs{background-color: #e8561a; width: 20px;border-radius: 20px;}

/* 手风琴 */
.shop-swipt{padding-left: 0px;}
.accordian{  margin:0px auto;width: 100%;overflow: hidden;}
.accordian li{ cursor: pointer;  float:left;  list-style:none;  width:12%;   transition:all .4s;  position:relative;  overflow:hidden;}
/* .accordian ul:hover li{  width:112px;} */
.accordian ul li:hover,.accordian ul .active{  width:50%;}
.accordian ul li:hover p{	display: none;}
.accordian ul .active { transition:all .6s;}
.accordian ul .active p{display: none;}
.accordian ul .active .image_title{display: block;}
.accordian ul li p{width: 100%;position: absolute; font-size: 20px; top: 0%; height: 100%; background: rgba(45,67,96,0.27); color: #fff; text-align: center; display: flex; align-items: center; justify-content: center;}
.accordian li .image_title{  position:absolute;   width:112px;  height:100%;  background-color:rgba(0,0,0,.5);   bottom:0px;  left:0}
.accordian a{  color:#fff;  text-decoration:none;} 	
.accordian li .image_title{position:absolute;width:100%;height:50px;background-color:rgba(0,0,0,.5);text-indent:2em;line-height:50px;bottom:0px;left:0}
.warp .sfq h4{ padding:0px 0px;}
.warp .sfq h4 a{text-decoration: none;font-weight: bold; font-size: 24px;font-family: "microsoft yahei";line-height: 32px;color: #5F4122;}
.hiddens{
	display: none;
}
.visit{
	display: block;
}

.accordian il li  a img{width: 100%;height: 100%;}
.big{width: 100%; background: #fff;}
 hr{height: 1px; border: 0px; background: #C4B199;opacity: 1; margin: 0; margin-bottom: 10px;padding: 0px;}
.warp{width: 100%;  }
.warp .first img{width: 100%;height: 100%;padding: 20px;cursor: pointer;}

.warp .first .fs{width: 100%;}
.new .title{position: relative;padding: 0px; padding-bottom: 10px;}
.new .title h4 a{text-decoration: none; font-weight: bold; font-size: 24px;font-family: "microsoft yahei";line-height: 32px;color: #5F4122;float: left;}
.new .title p{float: right;margin-right: 30px;}
.new .title p span{width: 28px;height: 28px;font-size: 25px; line-height: 28px;text-align: center; display: inline-block;}
.correlation {padding-top: 20px;}
.correlation .correlation-list .list-item{margin-bottom: 40px; display: flex;justify-content: space-between; margin-left: -32px;  }
.correlation .correlation-list .list-item .item{/*width: 227.54px*/;margin: 0px; text-align: center;overflow: hidden; }
.correlation .correlation-list .list-item .col-md-2{ padding-right: 0px;}
.correlation .correlation-list .list-item .mar{margin-right:36px ;}
.correlation .correlation-list .list-item .img-box .img-list img{width: 100%;  margin: 0 auto;}
.correlation .correlation-list .list-item .txt-box{width: 100%;}
.correlation .correlation-list .list-item .item:hover{cursor: pointer;}
.correlation .correlation-list .list-item  p{ padding-top: 5px; font-size: 18px;text-align: center; font-family: "microsoft yahei";font-weight: 400;line-height: 40px;color: #5F4122;}
.correlation .correlation-list .list-item .img-box{padding: 30px 30px 30px 30px; border: 1px solid #CABEAC;}
.correlation .correlation-list .list-item .img-box:hover{background:rgba(95,65,34,.23) ;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 25px !important;}
 .bot{width: 100%;background: url(../img/footbg.png) no-repeat;}
 .warp-bottom{padding-top: 30px;padding-bottom: 20px;}
 .warp-bottom  h4{font-size: 28px; font-weight: bold;line-height: 32px;color: #5F4122;}
 .warp-bottom span{font-size: 12px;line-height: 32px;color: #5F4122;}
 .warp-bottom span a{color:#5F4122;margin-left: 50px;}
 .warp-bottom p{text-align: right;}
 .warp-bottom p a{color: #5F4122;text-decoration: none;}
 .warp-bottom p a:hover{text-decoration:underline;}
 .warp p a{color: #5F4122;text-decoration: none;}

.new .title .swiper-container{height: 600px;-swiper-navigation-color: #00ff33;/* 单独设置按钮颜色 */--swiper-navigation-size: 30px;/* 设置按钮大小 */}
.new .title .swiper-button-next{position:relative; top: 50%;width: 35px;  color: #5f1227; height: auto;margin-top: 0px;display: inline-block; }
.new .title .swiper-button-prev{position:relative; width: 35px;  color: #5f1227; margin-right: 20px; height: auto;margin-top: 0px;display: inline-block;}
.new .title .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{content: " ";}
.new .title .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{content:''}
.new .title .swiper-pagination-bullet-active { background-color: #e8561a;    width: 20px;    border-radius: 20px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 30px;height: 5px;border-radius:25%; background: #5f1227;}

.tujian .tujian-index {margin-bottom: 50px;}
.swiper-container2{margin-left: auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;}


@media  screen and (max-width:750px)  {
	.accordian ul li img{ width: 100%;}
	.new .title p{margin-right: 0px;}
	.warp .first img{padding: 0px;}
	.warp-bottom h4{font-size: 18px;}
	.warp-bottom p{margin-top: 10px;}
	.warp-bottom p a{font-size: 12px;}
	.warp .sfq h4{padding:0px}
	.correlation .correlation-list .list-item p{font-size: 12px;}
	.accordian ul li{width: 100%;height: 100px;}
	.correlation .correlation-list .list-item{margin-bottom: 0px;display: block;margin-left: -30px; display: flex; flex-wrap:wrap;justify-content:flex-start;}
	/*.correlation .correlation-list .list-item .item{width:33.33%;}*/
	.warp .first img{width: auto;}
	.correlation{margin-top: 20px;}
	/* .correlation .correlation-list .list-item .col-md-2{width: 50%;} */
	/* .correlation .correlation-list .list-item .item{width: 50%;} */
	.shop-swipt{ padding: 0px;}
	.accordian{  margin:0px auto;width: 100%;overflow: hidden;}
	.accordian li{  float:none;  list-style:none;   transition:all .5s;  position:relative;  overflow:hidden;}
	.accordian ul li:hover,.accordian ul .active{ width: 100%; height:160px;}
	.accordian ul li:hover p{	display: none;}
	.accordian ul .active p{display: none;}
	.accordian ul .active .image_title{display: block;}
	.accordian ul li p{width: 100%; font-size: 20px;color: #FFFFFF;  background: rgba(45,67,96,0.27);}
	.accordian li .image_title{  position:absolute;   width:112px;  background-color:rgba(0,0,0,.5);   bottom:0px;  left:0}
	.accordian a{  color:#fff;  text-decoration:none;} 	
	.accordian li .image_title{position:absolute;width:100%;height:50px;background-color:rgba(0,0,0,.5);text-indent:2em;line-height:50px;bottom:0px;left:0}
	.warp .sfq h4{ padding:20px 0px;}
	.warp .sfq h4 a{text-decoration: none;font-weight: bold; font-size: 24px;font-family: "microsoft yahei";line-height: 32px;color: #5F4122;}
	
	
}

@media screen and (max-width:1024px) {
	/* .accordian ul li:hover, .accordian ul .active{width: 371px;} */
}

@media screen and (max-width:991px) {
	/* .accordian ul .active{width: 200px;} */
	/* .accordian ul li{width: 100px;} */
	.correlation .correlation-list .list-item p{font-size: 12px; margin: 0px;}
}
@media screen and (max-width:650px) {
.correlation .correlation-list .list-item .img-box{ padding: 15px;}
/*.correlation .correlation-list .list-item .item{ width: 50%;}*/
.warp-bottom h4{ font-size: 14px;}
.form-control{ width: 100%;}
}
@media screen and (max-width:750px) {
	.warp .first {
		height: 300px;
	}
	.warp .first .fs {
		height: 100%;
	}
}