.bgchange{left: 0px;top: 0px;overflow: hidden;margin: 0px;padding: 0px;width: 100%;height: 100%;min-height: 720px;z-index: -1;position: absolute;}
.bgchange .swiper {min-height: 720px;}

.index-top-box{margin: 80px auto 170px; text-align: center;}
.index-logo{width: 612px;margin: 0 auto 15px; padding-top: 80px; text-align: center;animation: pointActive 1.8s ease-out infinite;}


.home1{height: 1092px; background: url(../images/bamboo_section_bg1.jpg) no-repeat center top;}
.home2{background: url(../images/bamboo_section_bg2.png) no-repeat center top;}
.home3{height: 1075px;}
.home4{height: 2993px; background: url(../images/bamboo_section_bg3.png) no-repeat center top;}
.home5{height: 1949px; background: url(../images/bamboo_section_bg4.jpg) no-repeat center top;}

.screen .title-box{text-align: center; padding: 80px 0;}

#videoBg {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.zytj-overview{display: flex;justify-content: space-between;}
.zytj-overview .items{width: 606px;}
.zytj-overview .items .info {margin: 20px auto;}
.zytj-overview .items .info p{text-indent: 2em; font-size: 18px;color: #111111;line-height: 34px;}
.zytj-overview .items-btn{display: flex; justify-content: space-between; margin-top: 50px;}
.zytj-overview .items-btn a{width: 185px;height: 60px; line-height: 60px; font-size: 20px;color: #6DC098;text-align: center; background: url(../images/ico_bamboo_btnbg.png) no-repeat; transition: all .3s ease-out;}
.zytj-overview .items-btn a.on,.zytj-overview .items-btn a:hover{font-weight: bold;color: #157ABB;background: url(../images/ico_bamboo_btnbg_on.png) no-repeat;transform: translateY(-5px);}

.zytj-overview .map{width: 564px; margin-left: 30px;}

.taojiang-culture-box{padding: 37px 23px 0; position: relative;}
.taojiang-culture-box::before{content: ""; position: absolute; left: 0; top: 0; width: 1200px; height: 404px; background-color: #C4D1CE;}
.taojiang-culture {height:577px;position:relative;overflow:hidden;}
.taojiang-culture .pic{width:562px;height:577px;cursor:pointer;}
.taojiang-culture .pic a{display: block; color: #fff;font-size: 30px;width: 100%; height: 100%;}
.taojiang-culture .pic a b{display: none; width: 30px;padding-top: 30px;padding-left: 23px;}
.taojiang-culture .pic1{background:url('../images/ico_bamboo_culture_01.jpg');position:absolute;top:0;left:0;z-index:1;}
.taojiang-culture .pic2{background:url('../images/ico_bamboo_culture_02.jpg');position:absolute;top:0;left:562px;z-index:3;}
.taojiang-culture .pic3{background:url('../images/ico_bamboo_culture_03.jpg');position:absolute;top:0;left:710px;z-index:5;}
.taojiang-culture .pic4{background:url('../images/ico_bamboo_culture_04.jpg');position:absolute;top:0;left:858px;z-index:7;}
.taojiang-culture .pic5{background:url('../images/ico_bamboo_culture_05.jpg');position:absolute;top:0;left:1006px;z-index:9;}

.taojiang-industry{display: flex; justify-content: space-between; margin-bottom: 30px;}
.taojiang-industry .industry-left{width: 438px;}
.taojiang-industry .industry-right{width: 736px;}

.industry-item{position: relative;overflow: hidden;}
.industry-item img{transform: scale(1.02);transition: all .4s;}
.industry-item:hover img{transform: scale(1.1);}
.industry-item .txt{position: absolute; left: 0; bottom: 0; width: 100%; height: 93px; padding:10px 20px; background: linear-gradient( 274deg, #6DC098 0%, #2987BB 100%);}
.industry-item .txt h2{font-weight: bold;font-size: 24px;color: #fff;padding-bottom: 10px;}
.industry-item .txt h2 a{color:#fff;}
.industry-item .txt p{display: block; font-size: 16px;color: #D5EBD0;    white-space: nowrap;width: 80%;text-overflow: ellipsis;overflow: hidden;}
.industry-item .txt p a{color: #D5EBD0;}

.industry-item.industry01{height: 285px;margin-bottom: 30px;}
.industry-item.industry01 .imgClass{width: 438px;height: 194px;}
.industry-item.industry02{height: 323px;}
.industry-item.industry02 .imgClass{width: 438px;height: 230px;}
.industry-item.industry03{height: 638px;}
.industry-item.industry03 .imgClass{width: 736px;height: 545px;}

.about-focus .hd{margin-bottom: 35px;}
.about-focus .hd ul{display: flex;justify-content: center;}
.about-focus .hd ul li{margin: 0 15px; display: flex;flex-direction: column;align-items: center;cursor: pointer;transition: all .3s ease-out;}
.about-focus .hd ul li span{margin-top: 5px; width: 20px;font-size: 18px;font-weight: bold;color: #fff;position: relative;}
.about-focus .hd ul li:hover{transform: translateY(-5px);}
.about-focus .hd ul li.on span,.about-focus .hd ul li:hover span{color: #167AB2;}
.about-focus .hd ul li.on span::after,.about-focus .hd ul li:hover span::after{content: "";position: absolute;left: 50%;bottom: -15px;transform: translateX(-50%);width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 8px solid #167AB2;}
.about-focus .bd{width: 1000px;height: 160px; margin: 0 auto; padding:20px; background-color: rgba(0,0,0,.45); border-radius:10px;}
.about-focus .bd .about-info{ width: 100%; height: 120px; padding-right: 40px;  overflow-y: auto;color: #fff;line-height: 30px;text-align: left;}
.about-focus .bd .about-info::-webkit-scrollbar{width:5px;height:5px;}
.about-focus .bd .about-info::-webkit-scrollbar-button:vertical{display:none}
.about-focus .bd .about-info::-webkit-scrollbar-track:vertical{background-color:black}
.about-focus .bd .about-info::-webkit-scrollbar-track-piece{background:#E3E3E3}
.about-focus .bd .about-info::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:30px}
.about-focus .bd .about-info::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
.about-focus .bd .about-info::-webkit-scrollbar-corner:vertical{background-color:#535353}
.about-focus .bd .about-info::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}
.about-focus .bd .about-info p{text-indent: 2em;line-height: 32px;}
.about-focus .bd .about-info p a{color:#6DC098;}

.taojiang-tour{position: relative;height: 900px;}
.tour-title{position: absolute; left: -100px; top: 20px; width: 187px; height: 382px;z-index: 3;}
.tour-map{position: absolute; top: -50px; right: 0; width: 1185px; height: 826px;z-index: 1;}
.tour-txt{position: absolute; bottom: 30px; left: 0px; width: 580px; height: 400px;z-index: 2;}
.tour-txt h2{margin-bottom: 24px;}
.tour-txt p{font-size: 16px;color: #1F1B1B;line-height: 30px;text-indent: 2em; text-align: justify;}
.tour-link{position: absolute;right: 0; top: 0; background: url(../images/ico_bamboo_tjlv_03.png) left center no-repeat;padding-left: 40px;height: 35px;z-index: 4;animation: pointActive 1.8s ease-out infinite;}
.tour-link a{display: block;height: 35px;font-size: 20px;line-height: 35px;padding: 0 20px;color: #241F20; background: #89D5AB;border-radius: 100px 100px 100px 100px;}

@keyframes pointActive{
	0%{
		transform: translateY(0);
		opacity: 1;
	}
	50%{
		transform: translateY(10px);
		opacity: 1;
	}
	100%{
		transform: translateY(0);
		opacity: 1;
	}
}


.tour-items-hd{display: flex; justify-content: space-evenly;position: relative;}
.tour-items-hd::before{content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 57px; height: 9px;background: url(../images/ico_bamboo_tjlv_04.png) no-repeat;}
.tour-items-hd::after{content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 57px; height: 9px;background: url(../images/ico_bamboo_tjlv_04.png) no-repeat;}
.tour-items-hd li{width: 185px;height: 60px; line-height: 60px; font-size: 20px;color: #6DC098;text-align: center; background: url(../images/ico_bamboo_btnbg.png) no-repeat; background-size: 100% 100%; transition: all .3s ease-out;position: relative;}
.tour-items-hd li::before{content: ""; position: absolute; left: -62px; top: 50%; transform: translateY(-50%); width: 57px; height: 9px;background: url(../images/ico_bamboo_tjlv_sm_04.png) no-repeat;}
.tour-items-hd li:first-child::before{display: none;}
.tour-items-hd li.on,.tour-items-hd li:hover{font-weight: bold;color: #157ABB;background: url(../images/ico_bamboo_btnbg_on.png) no-repeat;background-size: 100% 100%;transform: translateY(-5px);}
.tour-items-hd li a{display: block;}
.tour-items-hd li.on a,.tour-items-hd li:hover a{color: #157ABB;}

.tour-items-bd{overflow: hidden;}

.scenery-box{display: flex;margin-top: 45px;}
.scenery-box .scenery-l{width: 390px; height: 540px; margin-right: 20px; position: relative;}
.scenery-box .scenery-info{display: block;position: relative;overflow: hidden;}
.scenery-box .scenery-info img{transform: scale(1.02);transition: all .4s;}
.scenery-box .scenery-info span{display: block; position: absolute;left: 0;bottom: 0;font-size: 20px;color: #fff; width: 100%; height: 93px; padding: 50px 15px 0; background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, #000000 100%);}
.scenery-box .scenery-info span em{padding-left: 10px; font-size: 16px;color: #B6DDAD;}
.scenery-box .scenery-info:hover img{transform: scale(1.1);}

.scenery-box .scenery-r{width: 790px;position: relative; display: flex; flex-direction: column;}
.scenery-box .scenery-r .scenery-r-t{height: 260px; margin-bottom: 20px;display: flex; justify-content: space-between;}
.scenery-box .scenery-r .scenery-r-b{height: 260px;}

.scenery-box .scenery-r .scenery-r-t .scenery-info{width: 385px;}
.scenery-box .scenery-r .scenery-r-b .scenery-info{width: 100%;height: 260px;}

.meisu-box{display: flex;justify-content: space-between; margin-top: 75px;}
.meisu-box .meisu-box-img{width: 576px;}
.meisu-box .meisu-box-items{width: 550px; padding-top: 50px;}
.meisu-box .meisu-box-items ul li a{padding-left:35px;font-size:18px;color:#111;line-height: 46px;display:inline-block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative}
.meisu-box .meisu-box-items ul li a:before{position:absolute;content:"";width:16px;height:12px;left:0;top:50%;transform:translateY(-50%);background:url(../images/tj_ico_li1.svg) no-repeat}
.meisu-box .meisu-box-items ul li a:hover{color:#0072BB}
.meisu-box .meisu-box-items .more{display: block;margin-top: 45px; margin-left: 35px;width: 80px; font-size: 16px;color: #4397C1;position: relative;transition: all .3s ease-out;}
.meisu-box .meisu-box-items .more::after{position: absolute; content: "";  right: 0; top: 50%; transform: translateY(-50%);  width: 0;height: 0;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 8px solid #167AB2;}
.meisu-box .meisu-box-items .more:hover{transform: translateX(5px);}

.special-box{display: flex;justify-content: space-between;margin-top: 85px;}
.special-box .special-box-l{width: 316px;margin-right: 56px;}
.special-box .special-box-r{width: 810px;}
.special-box .special-box-r .special-hd h2{display: flex;justify-content: space-between;align-items: center;margin-bottom: 35px;}
.special-box .special-box-r .special-hd h2 .more{display: block;margin-right: 10px; width: 80px; font-size: 16px;color: #4397C1;position: relative;transition: all .3s ease-out;}
.special-box .special-box-r .special-hd h2 .more::after{position: absolute; content: "";  right: 0; top: 50%; transform: translateY(-50%);  width: 0;height: 0;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 8px solid #167AB2;}
.special-box .special-box-r .special-hd h2 .more:hover{transform: translateX(5px);}
.special-box .special-box-r .special-hd p{font-size: 16px;color: #1F1B1B;line-height: 30px;text-indent: 2em;}
.special-box .special-box-r .special-bd{margin-top: 48px;}
.special-box .special-box-r .special-bd ul{display: flex;justify-content: space-between;}
.special-box .special-box-r .special-bd ul li{width: 170px;text-align: center;}
.special-box .special-box-r .special-bd ul li img{width: 170px; height: 119px;}
.special-box .special-box-r .special-bd ul li span{display: block;font-size: 16px;color: #111111;line-height: 34px;}

.tour-line{margin-top: 40px; display: flex;justify-content: space-between;}
.tour-line .tour-line-item{width: 380px; height: 598px; padding: 20px; background: rgba(255,255,255,.85); border-radius: 10px;border: 1px solid #57A8A2;transition: all .3s ease-in-out;}
.tour-line .tour-line-item:hover{box-shadow: 0 10px 20px 0 rgba(168, 182, 191, .6);transform: translateY(-5px);}
.tour-line .tour-line-item .hd{display: flex;justify-content: space-between; margin-bottom: 30px;position: relative;}
.tour-line .tour-line-item .hd::after{position: absolute; content: ""; left: 0;bottom: -10px; width: 30px; height: 5px;background: #157ABB;}
.tour-line .tour-line-item .hd h2{display: flex;flex-direction: column;}
.tour-line .tour-line-item .hd h2 b{font-weight: bold;font-size: 26px;color: #111111;margin-bottom: 5px;}
.tour-line .tour-line-item .hd h2 em{font-size: 16px;color: #157ABB;}

.tour-line .tour-line-item .hd .more{display: block;margin-top: 10px;	width: 80px;height: 21px; width: 80px; font-size: 16px;color: #4397C1;position: relative;transition: all .3s ease-out;}
.tour-line .tour-line-item .hd .more::after{position: absolute; content: "";  right: 0; top: 50%; transform: translateY(-50%);  width: 0;height: 0;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 8px solid #167AB2;}
.tour-line .tour-line-item .hd .more:hover{transform: translateX(5px);}

.tour-line .tour-line-item .bd li{margin-bottom: 30px;}
.tour-line .tour-line-item .bd li:last-child{margin-bottom: 0;}
.tour-line .tour-line-item .bd h2{margin-bottom: 10px; line-height: 47px; padding: 0 15px;background: #6DA5BF;border-radius: 6px;font-weight: bold;font-size: 16px;color: #FFFFFF;}
.tour-line .tour-line-item .bd h2 a{color: #FFFFFF;}


.culture-items-mobile{display: none;justify-content: space-evenly;position: relative;margin: 20px auto;}
.culture-items-mobile li{width: 42px;padding: 30px 10px;font-size: 20px;line-height: 32px;color: #89D5AB;text-align: center;background: #dff7e7;border-radius: 5px;border: 2px solid #89D5AB;transition: all .3s ease-out;position: relative;}
.culture-items-mobile li:hover{font-weight: bold;color: #157ABB;transform: translateY(-5px);}
.culture-items-mobile li a{display: block;color: #2b784d;}
.culture-items-mobile li:hover a{color: #2b784d;}

.tour-items-bd a.btn-more{display: block; margin: 20px auto; width: 120px; height: 42px; line-height: 42px;  text-align:center; font-size: 16px;color:var(--c2primary-color);border:1px solid var(--c2primary-color);border-radius: 5px;}
.tour-items-bd a.btn-more:hover{background-position: 90% 16px;}

/*======================*/
#hexGrid {
  padding: 0 0 0 5px;
  list-style: none;
  width: 560px;
  height: 371px;
}
#hexGrid li {
  float: left;
  margin: 0 5px;
  height: 173px;
}
#hexGrid .hex {
  overflow: hidden;
  display: block;
  width: 174px;
  height: 200px;
  transform: rotate(-60deg) skewY(30deg);
}
#hexGrid .hexIn {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  width: 174px;
  height: 200px;
  line-height: 200px;
  text-align: center;
  transform: skewY(-30deg) rotate(60deg);
  overflow: hidden;
  position: relative;
}
#hexGrid .hexIn img{
    max-width: 500px;
    max-height: 200px;
    transition: all .3s;
}
#hexGrid .hexIn:hover img{transform: scale(1.2);}
#hexGrid .hexIn b{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    width: 100%;
    padding: 0 10px;
    font-size: 18px;
    font-weight: bold;
    background: rgb(109, 192, 152, 0.45);
    display: none;
    height: 40px;
    line-height: 40px;
}

#hexGrid li:nth-child(4) {
  margin-left: 96px;
  margin-top: -12px;
}
#hexGrid li:nth-child(5) {
  margin-top: -12px;
}
/*======================*/

@media screen and (max-width: 768px) {
	.index-logo{width: 88%;padding-top: 0px;margin: 20px auto 50px;}
	.about-focus .bd{width: 96%; height: 200px;}
	.about-focus .bd .about-info{height: 160px;}

	.screen .title-box{padding: 20px 40px;}
	.zytj-overview{align-items: center;flex-direction: column;}
	.zytj-overview .items{width: 96%;}
	.zytj-overview .map{width: 96%; margin: 20px auto;}
	.zytj-overview .items-btn{margin-top: 10px; align-items: center;flex-direction: column;}
	.zytj-overview .items-btn a{margin-top: 10px;width: 96%;background-size: 100% 100%;}

	.taojiang-industry{align-items: center;flex-direction: column;margin-bottom: 20px;}
	.taojiang-industry .industry-left,.taojiang-industry .industry-right{width: 96%;}
	.taojiang-industry .industry-item{margin-top: 20px;}
	.industry-item.industry01{height: auto; margin-bottom: 0;}
	.industry-item.industry01 .imgClass{width: 100%;height: auto;}
	.industry-item.industry02{height: auto;}
	.industry-item.industry02 .imgClass{width: 100%;height: auto;}
	.industry-item.industry03{height: auto;}
	.industry-item.industry03 .imgClass{width: 100%; height: auto;}

	.home3,.home4{height: auto;}

	.taojiang-culture-box::before{width: 100%;}

	.tour-title{display: none;}
	.tour-map{width: 95%;position: unset;height: auto;}
	.tour-txt{position: unset;width: 90%;height: auto;margin: 0 auto;}

	.tour-line{flex-direction: column;}
	.tour-line .tour-line-item{width: 96%; height: auto; margin: auto; margin-bottom: 20px;}

	.special-box{align-items: center;flex-direction: column;margin-top: 20px;}
	.special-box .special-box-l{width: 96%;margin: 20px auto;text-align: center;}
	.special-box .special-box-r{width: 96%;margin: 20px auto;}
	.special-box .special-box-r .special-bd ul{flex-wrap: wrap;}
	.special-box .special-box-r .special-bd ul li{width: 50%;}

	.tour-items-hd{flex-wrap: wrap;gap: 10px;}
	.tour-items-hd li,.tour-items-hd li.on{width: 45%;}
	.tour-items-hd li::before,.tour-items-hd::before,.tour-items-hd::after{display: none;}

	.tour-items-bd{width: 96%; margin: 0 auto;}

	.scenery-box,.scenery-box .scenery-r .scenery-r-t{width: 100%; flex-direction: column;align-items: center;}

	.scenery-box .scenery-l{width: 100%;height: auto;margin: 20px auto;}
	.scenery-box .scenery-r{width: 100%;}
	.scenery-box .scenery-r .scenery-r-t{height: auto;}

	.scenery-box .scenery-info img{width: 100%;}
	.scenery-box .scenery-r .scenery-r-t .scenery-info{width: 100%;}
	.scenery-box .scenery-r .scenery-r-t .scenery-info:first-child{margin-bottom: 20px;}
	.scenery-box .scenery-r .scenery-r-b{height: auto; margin-bottom: 20px;}

	.scenery-box{margin-top: 20px; padding: 0 10px;}

	.meisu-box{flex-direction: column; padding: 0 20px; margin-top:20px;}
	.meisu-box .meisu-box-img{width: 100%;}
	.meisu-box .meisu-box-items{width: 100%; padding: 25px 0;}
	
	.head-link{flex-direction: column;float: none;}
	.head-nav a{width: auto;white-space: nowrap;margin: 0px;padding: 0 12px;font-size: 18px;}
	.head-nav .taojiangIP{position: relative;margin: 30px auto 10px;left: 0;text-align: center;}
	.index-top-box {margin: 0px auto 45px;}
	.tool-bar {padding-top: 0;}

	.culture-items-mobile{display: flex;}
	
	.index-head-cont{background: none;}

	.taojiang-culture-box{display: none;}
	#hexGrid{display:none;}

.home1 .head-slh-btn{position: relative;top: 10px;}
	.culture-items-mobile li{width:55px;}
	.industry-item .txt h2{
    font-size: 20px;
}
	.industry-item .txt{
    height: auto;
}
	.tour-line .tour-line-item .hd h2 b{font-size:22px;}
}