.pcbann{
	height: 100vh;
}
.indexbanner{
	position: relative;
	margin-top: -90px;
}
.header {
	position: relative;
	z-index: 99;
}
.headbox{
	color: #fff;
}
.bannerh2{
	font-size: 1.8em;
	color: #edd9c7;
	margin-top: 25px;
	opacity: 0;
	transform: translateY(40px);
	transition: all .5s;
	transition-delay:.4s;
}
.bannerh3{
	font-size: .8em;
	color: #fff;
	line-height: 1.5;
	max-width: 26.25em;
	margin:2.5em auto 0;
	opacity: 0;
	transform: translateY(40px);
	transition: all .5s;
	transition-delay:.6s;
}

.bannerimg1{
	opacity: 0;
	transform: translateY(40px);
	transition: all .5s;
	transition-delay:.3s;
}
.bannerh1{
	font-size: 3em;
	color: #edd9c7;
	margin-top:.42em;
	opacity: 0;
	transform: translateY(40px);
	transition: all .5s;
	transition-delay:.5s;
}
.banneract .bannerh2{
	opacity: 1;
	transform: translateY(0);
}
.banneract .bannerh1{
	opacity: 1;
	transform: translateY(0);
}
.banneract .bannerh3{
	opacity: 1;
	transform: translateY(0);
}
.banneract .bannerimg1{
	opacity: 1;
	transform: translateY(0);
}
.homeover{
	height: 100%;
}
.bg3{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	background:rgba(0, 0, 0, .3);
	z-index: 9;
	display: none;
}
.indexbanner .swiper-slide:nth-child(1) .bg3{
	display: none!important;
}
/*.homesea .headbottom{
	background-color: #fff8e9;
}
.homesea .header{
	background-color: #fff8e9;
}*/
.indexbanner{
	position: relative;
}
.home2  .animtit{
	background-color: transparent;
	border-top: 0px;
}
.bannerbox{
	position: absolute; 
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	top: 50%;
	
}
.home1 .index1text svg{
	color: #009999;
	width: 2em;
	height: 2em;
	vertical-align: -6px;
}
.index1text span{
	font-size: 2.4em;
	color: #009999;
	margin-left: 20px;
}
.home1h2{
	font-size: 1.8em;
	color: #009999;
}
.home1 .left{
	width: 29%;
	max-width: 460px;
	padding: 5em 0 0;
}
.home1 .left .item{
	text-align: center;
}
.home1 .text{
	margin-top:2.81em;
	padding: 0 4em;
	color: #009999;
	height: 5.1em;
	overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
}
.home1 .text p{
	display: inline;
}
.icflex p{
	font-size: .8em;
	text-align: center;
	color: #999999;
	margin-top: 1em;
}
.icflex div{
	width: 50%;
	transition: all .3s;
}
.icflex div img{
	max-width: 80px;
}
.icflex{
	margin-top: 2.15em;
}
.homemore {
	font-size: .7em;
	margin-top: 3.2em;
	color: #009999;
	font-weight: bold;
}
.homemore svg{
	width: 17px;
	height: 12px;
	color: #009999;
	margin-left: 18px;
	transition: all .3s;
}
.homemore a{
	padding-bottom: 7px;
	border-bottom: 1px solid #009999;
}
.leftbot .leftbot1{
	width: 160px;
	height: 160px;
	flex-shrink: 0;
	position: relative;
	border: 1px solid #bea569;
	border-left: 0;
}
.leftbot .leftbot1 img{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.leftbot2{
	width: 300px;
	flex-shrink: 0;
	position: relative;
	border-top: 1px solid #bea569;
	border-bottom: 1px solid #bea569;border-left: 0px;
}
.leftbot2 img{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.leftbot{
	margin-top:4.75em;
	flex-wrap: nowrap;
}
.home1 .left{
	border: 1px solid #bea569;
	border-bottom: 0px;
}
.swipbox{
	height: 100%;
	transition: all 1s;
	-webkit-transition: all 1s;
}
.home1 .right{
	width:71%;
}
.home1swip {
	height: 100%;
}
.homebtn svg{
	color: #fff;
	width: 25px;
	height: 40px;
}
.homebtn{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 99;
}
.homebtn2{
	right: 2.5em;
}
.homebtn1{
	left: 2.5em;
}
.home1 .borbox{
	border: 1px solid #bea569;
	padding-top: 6em;
	padding-bottom: 6em;
}
.home2 .prodet2tit{
	background-color: transparent;
}
.pcbann{
	transform: scale(1.2);
	transition: all 1.5s;
}
.bannerswip  .swiper-slide-active{
	z-index: 9;
}
.swiper-slide-active .pcbann{
	transform: scale(1);
}
.prodet2tit .animtit img{
	margin: inherit;
}
.prodet2tit .animtit span{
	color: #009999;
	font-size: .9em;
}
.hometit{
	position: relative;
	width: 100%;
	z-index: 9;
}
.hometit::after{
	display: block;
	content: '';
	width: 100%;
	height: 1px;
	background-color: #bea569;
}
.hometit1{
	display: inline-block;
	background-color: #fff8e9;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	color: #009999;
	font-size: 2em;
	padding: 0 3em;
	top: -23px;
}
.hometit1::after{
	display: block;
	content: '';
	position: absolute;
	width: 7px;
	height: 7px;
	border: 1px solid #bea569;
	background-color: #fff8e9;
	border-radius: 50%;
	left: -2px;
	top: 50%;
}
.hometit{
	min-height: 2.5em;
}
.hometit1::before{
	display: block;
	content: '';
	position: absolute;
	width: 7px;
	height: 7px;
	background-color: #fff8e9;
	border: 1px solid #bea569;
	border-radius: 50%;
	right: -2px;
	top: 50%;
}
.homesear input{
	width: 18.7em;
	height: 3.12em;
	font-size: .8em;
	border-radius: 35px;
	border: 1px solid #bea569;
	background-color: #fbf1db;
	padding: 0 1.87em;
}
.homescbox{
	display: inline-block;
	background-color: #f4c400;
	width: 6em;
	line-height: 2.5em;
	text-align: center;
	border-radius: 35px;
	margin-left: 12px;
	border: 1px solid #f4c400;
	transition: all .3s;
	-webkit-transition: all .3s;
}
.homescbox svg{
	width: 22px;
	height: 22px;
	color: #fff;
}
.p-home1 .headsear svg{
	color: #fff;
}
.p-home1 .headsear input{
	color: #fff;
}
.p-home1 .headsear input::-webkit-input-placeholder{
	color: #fff;
}

.homescbox a{
	display: block;
}
.homeinput2{
	margin-left: 20px;
}
.homesear{
	display: inline-block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	color: #009999;
	z-index:99;
	padding: 0 3em;
	top: -23px;
	background-color: #fff8e9;
}
.slebox .bottom{
	border-radius: 13px;
	top: 2.8em;
	border-top: 1px solid #bea569;
	overflow: hidden;
}
.homesear::after{
	display: block;
	content: '';
	position: absolute;
	width: 7px;
	height: 7px;
	border: 1px solid #bea569;
	background-color: #fff8e9;
	border-radius: 50%;
	left: -2px;
	top: 40%;
}
.homesear::before{
	display: block;
	content: '';
	position: absolute;
	width: 7px;
	height: 7px;
	background-color: #fff8e9;
	border: 1px solid #bea569;
	border-radius: 50%;
	right: -2px;
	top: 40%;
}
.hometit2{
	margin-top: 25px;
}
.home2swip .cen{
	height: 20em;
	color: #fff;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content:center;
	
}
.home2swip .bigtext{
	font-size: 1.2em;
	width: 100%;
}
.home2swip .text{
	margin-top: 1.4em;
	color: #fff;
	width: 100%;
}
.smtext{
	font-size: .7em;
	margin-top: 1em;
	width: 100%;
}
.home2cen {
	margin-top: 1.25em;
}
.home3 p{
	color: #009999;
}
.home3 .left img{
	display: block;
	margin:2em auto 0; 
}
.home3 .home1h2{
	padding: 0 2.22em;
	line-height: 1.33;
	margin-top: 10px;
}
.home3 .text{
	color: #009999;
}
.home2swip {
	padding-top: 1em;
	padding-bottom: 1em;
}
.home3 .cenbox{
	height:37em ;
}
.home3 .left{
	border-bottom: 1px solid #bea569;
	background-color: #fff8e9;
}
.homebg{
	background-color: #fbf1db;
	padding: 6em 0;
}
.home4 .home4tit{
	font-size: 2.4em;
	color: #009999;
	text-align: center;
}
.home4 .text{
	color: #009999;
	font-size: .9em;
	text-align: center;
	margin-top: 1.2em;
}
.home4swip img{
	display: block;
	max-width: 97%;
	max-height: 100%;
	object-fit: contain;
	margin: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	transition: all .3s;
	-webkit-transition: all .3s;
}
.home4swip .cen{
	border: 1px solid #bea569;
	height: 9em;
	border-radius: 8px;
	transition: all .3s;
	-webkit-transition: all .3s;
}
.home4swip{
	margin-top: 2.25em;
}
.home4 .box{
	padding: 0 6em;
}

.home4btn svg{
	width: 19px;
	height: 34px;
	color: #99c2bb;
}
.home4btn{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9;
}
.home4btn1{
	left: 2em;
}
.home4btn2{
	right: 2em;
}
.swipbox{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.home2  {
	padding-bottom: 5em;
}
.home4  .innerbor{
	padding-bottom: 10em;
}
.indexpag {
	position: absolute;
	bottom: 2em!important;
	width: 100%;
	text-align: center;
	z-index: 99;
}
.indexpag .swiper-pagination-bullet{
	border-radius: 0px;
	width: 10px;
	height: 10px;
	background-color: transparent;
	border:1px solid #fff;
	margin: 0 6px!important;
}
.indexpag .swiper-pagination-bullet-active{
	background-color: #fff;
}
.home2 .innerbor{
	height: 100%;
	border-top: 0px;

}
.innerbor:after{
	display: none;
}
.cenbox .itembox .item+.item{
	display: none;
}
.home3 .animtit{
	position: relative;
	background-color: transparent;
}
.home3 .animtit span{
	color: #009999;
	font-size: .9em;
}

.home3 .animtit:after{
	display: block;
	content: '';
	width: 1px;
	height: 100%;
	background-color: #bea569;
	position: absolute;
	left: 36px;
	top: 0;
}
.home3 .animtit:before{
	display: block;
	content: '';
	width: 1px;
	height: 100%;
	background-color: #bea569;
	position: absolute;
	right: 36px;
	top: 0;
}
.homebg{
	position: relative;
	margin-top: -1px;
}
.home3  .animtit{
	border-bottom: 1px solid #bea569;
}
.p-home .main-box{
	margin-top: 1.5em;
}
.homefixed{
	position: fixed;
	right: 3em;
	bottom: 10%;
	z-index: 99;
	height: 9em;
}
.homefixed svg{
	width: 23px;
	height: 23px;
	color: #bfa76c;
}
.homefixed li{
	width: 2.5em;
	height: 2.5em;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	cursor: pointer;
	background-color: #fff8e9;
	box-shadow: 0px 5px 13px rgba(190,165,105,.7);
}
.homefixed li+li{
	margin-top: 15px;
	background-color: #fff8e9;
}
.homefixedox{
	width: 150px;
	display: none;
	height: 40px;
	color: #bfa76c;
	text-align: center;
	line-height: 40px;
	position: absolute;
	right: 4em;
	font-size: .8em;
	border-radius: 8px;
	background-color: #fff8e9;
	box-shadow: 0px 5px 13px rgba(190,165,105,.7);
}
.btn-gotop2{
	display: none;
}
.headright .item{
	border-color: #fff;
}
.p-home .headnav,.p-home .headtab{
	border-color: #fff;
}
.p-home .slebox{
	display:inline-block;
	width: 15em;
	border-radius: 35px;
	margin-left: 13px;
}
.p-home  .slebox .tit{
	margin-top:0;
	border-radius: 35px;
	background-color:#fbf1db;
}
.headright .item{
	border-color: #fff!important;
}
.p-home .headbox{
	background-image: url(/img/images/whiteline2.svg);
}
.p-home .headbox:after{
	background-image:url(/img/images/whiteline.svg) ;
}
.p-home .bottombg{
	color: #fff;
}
.homebor{
	border: 1px solid #bea569;
}
.home2  .padd-37{
	position: absolute;
	width: 100%;
	height: 100%;
}
.home2 .homebor{
	height: 100%;
	border-top: 0px;
}
.home2 .animtit{
	border-top: 0px;
}
.home2 .prodet2tit{
	margin-top: 0;
	padding-top: 0;
	position: relative;
}
.proline1{
	position: absolute;
    width: 34.5%;
    height: 14px;
    border: 1px solid #bea569;
    border-top: 0px;
    left: 0;
}
.proline2{
	position: absolute;
    width: 34.5%;
    height: 14px;
    border: 1px solid #bea569;
    border-top: 0px;
    right: 0;
}
.home2swip .cen{
	transition: all .3s;
	-webkit-transition: all .3s;
}
.home1 .cenbox{
	height: 37em;
}
.icflex{
	height: 6em;
}

.bannerbox .bannerimg2{
	opacity: 0;
	transform: translateY(70px);
	transition: all .8s;
	transition-delay:.5s ;

}
.banneract .bannerbox .bannerimg2{
	transform: translateY(0);
	opacity: 1;
}
.p-home1 .headbox{
	margin-top: 0;
}
.p-home1 .header{
	top: 1em;
}
.p-home1 .indexbanner{
	margin-top: -80px;
}
@media(max-width:1800px){
	.homesear{
		display: flex;
		display: -webkit-flex;
	}
}
@media(max-width:1500px){
	.leftbot2{
		width: 52%;
	}
	.animline+.animline{
		margin-left: 30px;
	}
}
@media(max-width:991.98px){
	.p-home1 .header{
		top: 0;
	}
	.p-home1 .indexbanner{
		margin-top: -2.2rem;
	}
	.home2 .animtit{
		border-right:0px;
		border-left:0px;
	}
	.home4swip img{
		max-width: 78%;
	}
	.home2pag .swiper-pagination-bullet{
		width: .18rem!important;
		height: .18rem!important;
		border: 1px solid #bea569!important;
		border-radius: 0px!important;
		background-color: transparent!important;

	}
	.home2pag{
		margin-top: .55rem;
	}
	.home2pag .swiper-pagination-bullet-active{
		background-color: #bea569!important;
	}
	.home2pag{
		text-align: center;
	}
	.proline1{
		display: none;
	}
	.proline2{
		display: none;
	}
	.homebtn svg{
		width: 10px;
	}
	.home4 .innerbor{
		padding-bottom:1.75rem;
		padding-top: 1.15rem;
	}
	.homebtn1 {
		left: 1.5em;
	}
	.homebtn2{
		right: 1.5em;
	}
	.p-home .main-box{
		padding-bottom: 1.2rem;
	}
	.index1text{
		display: flex;
		justify-content: center;
	}
	.homebg{
		padding-top: 1.2rem;
	}
	.home1 .index1text svg{
		width: .4rem;
		height: .4rem;
		margin-top: .1rem;
	}
	.home1 .cenbox{
		margin-top: .5rem;
		height: auto;
	}
	.home3 .cenbox{
		margin-top: 0;
	}
	.icflex{
		height: auto;
	}
	.home2  {
		padding-bottom: 1.2rem;
		margin-top:-1px;
	}
	.home3 .cenbox{
		flex-direction: initial!important;
	}
	.home3 .left{
		padding-bottom: .83rem;
	}
	.indexbanner{
		margin-top: -2.2rem;
	}
	.p-home .wap-head{
		background-color: transparent;
		background-image: url(/img/images/wapxian1.svg);

	}
	.home4 .home4tit{
		font-size: .56rem;
	}
	.bannerh2{
		font-size: .42rem;
	}
	.home4 .box{
		padding: 0 .6rem;
	}
	.home4 .text{
		font-size: .28rem;
		padding: 0 .8rem;
	}
	.home1 .cenbox{
		flex-direction: column-reverse;
		flex-wrap: wrap;
	}
	.home1 .right{
		width: 100%;
		height: 5.25rem;
	}
	.home1 .left{
		width: 100%;
		padding-top: .6rem;
		max-width: 10000px;
		
	}
	.p-home .main-box{
		margin-bottom: 0!important;
	}
	.main-box{
		padding-bottom: 0!important;
	}
	.bannerh1{
		font-size: .6rem;
	}
	.home4 .big-inner {
		padding: 0!important;
	}
	.home4 .box{
		padding: 0!important;
	}
	.bannerh3{
		font-size: .26rem;
		line-height: .48rem;
	}
	.home1h2{
		font-size: .48rem;
	}
	.home1 .text{
		margin-top: .3rem;
	}
	.home1 .big-inner{
		padding: 0 .27rem!important;
	}
	.icflex p{
		font-size: .28rem;
	}
	.homemore{
		font-size: .28rem;
	}
	.leftbot2 img{
		width: 2.8rem;
	}
	.leftbot .leftbot1{
		width: 2.2rem;
		height: 2.2rem;
	}
	.home2 .innerbor{
		border: 0px;
	}
	.leftbot .leftbot2{
		width: 66%;
	}
	.home3 .animtit:after{
		left: .23rem;
	}
	.home3 .animtit span{
		font-size: .28rem!important;
	}
	.home3 .animtit:before{
		right: .23rem;
	}
	.home1 .borbox{
		padding: 1.2rem 0;
	}
	.home4swip {
		height: 5.8rem;
	}
	.index1text span{
		font-size: .56rem;
		text-align: center;
		margin-left: .3rem;
		margin-right: .3rem;
	}
	.home3 .animtit{
border-left: 0px;
border-right: 0px;
	}
	.home4swip .cen{
		height: 100%;
	}
	.home4 .box{
		padding: 0 .8rem!important;
	}
	.home4swip .swiper-slide{
		height: 33%;
		padding: .1rem .2rem;
	}
	.home4btn{
		display: none;
	}
	.hometit1{
		font-size: .56rem;
		padding: 0 .6rem;
		top: -18px;
	}
	.leftbot .leftbot1 img{
		width: 1.6rem;
	}
	.homeinput2{
		display: none;
	}
	.homescbox{
		position: absolute;
		left: 1rem;
		width: auto;
		top: 3px;
		background-color: transparent;
		border-color:transparent;
	}
	.banneract .bannerbox .bannerimg2{
		display: none;
	}
	.home4pag {
	position: absolute;
	bottom: -2em!important;
	width: 100%;
	text-align: center;
	z-index: 99;
}
.home4pag .swiper-pagination-bullet{
	border-radius: 0px;
	width: 10px;
	height: 10px;
	background-color: transparent;
	border:1px solid #bea569;
	margin: 0 6px!important;
}
	.homesear input{
		width: 6.5rem;
		padding: 0 4em;
		font-size: .28rem;
	}
	.home4pag .swiper-pagination-bullet-active{
	background-color: #bea569;
}
	.homescbox svg{
		color: #bea569;
		width: .3rem;
		height: .3rem;
	}
	.home2cen {
		padding: 0!important;
	}
	.home2swip .cen{
		height: 5.6rem;
	}
	.home2swip .bigtext{
		font-size: .46rem;
	}
	.smtext{
		font-size: .28rem;
	}
	.slebox{
		display: none!important;
	}
	.bannerbox .bannerimg2{
		max-width: 84%;
	}
	.albbox .imgs{
		height: 39em;
	}
}
@media(min-width:992px){
	.swipbox:hover{
		transform: scale(1.05);
	}
	.icflex div:hover{
		transform:translateY(-10px);
	}
	.home4swip .cen:hover img{
		transform:translate(-50%,-50%) scale(1.05);
	}
	.homescbox:hover svg{
		color: #bea569;
	}
	.homescbox:hover{
       background-color: transparent;
       border: 1px solid #bea569;
	}
	.home1 .cenbox{
		margin-top: 2.75em;
	}
	.homefixed li:hover{
		background-color: #bea569;
	}
	.homefixed li:hover svg{
		color: #fff;
	}
	.home2swip .cen:hover{
		box-shadow: 0px 5px 15px rgba(190,165,105,.9);
		transform: translateY(-10px);
	}
	.homemore:hover svg{
		margin-left: 25px;
	}
	.home3 .cenbox{
	margin-top: 0;
}
}
@media(min-width:992px){
	.home3 .animtit{
	padding: 1.28em 0;
}
}