@charset "utf-8";
.index-title{text-align:center;margin-bottom:30px;}
.index-title .en{font-family:arial;letter-spacing:5px;opacity:.3;text-transform: uppercase;}
.index-title .cn{position:relative;font-size:26px;display:flex;align-items:center;justify-content:space-between;}
.index-title .cn i{background:#b2b2b2;height:1px;width:40%;}
.index-title .dn{letter-spacing:5px;opacity:.5;}

.index-box{width:100%;height:auto;position:relative;padding:80px 0;}

@media screen and (max-width:1024px){
	.index-title .en{letter-spacing: 0;font-size: 24px;position: absolute;left: 0;top: 0;transform: translateY(10px);word-break: keep-all;width: 100%;opacity: .1;}
	.index-title .cn{font-size:20px;justify-content: center;}
	.index-title .cn i{ display:none;}
	.index-title .dn{ display:none;}
	.index-box{padding:50px 0;}
}
/*---------------------------------------------------------------------------------------------------------------*/
/*首页幻灯片*/
.index-slide{overflow:hidden;position:relative;}
.index-slide .swiper-slide{position:relative;overflow:hidden;}
.index-slide .swiper-slide .img img{display:block; width:100%;}
.index-slide .swiper-slide .pic{display:none;}
.index-slide .tips{position:absolute;bottom:0;z-index:10;left:0;width:100%;display:flex;align-items:center;justify-content:center;}
.index-slide .tips .swiper-pagination-bullet{width:12px;height:12px;background:#fff;border:2px solid #fff;margin:10px 3px;border-radius:50%;}
.index-slide .tips .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#a18c72;}

@media screen and (max-width:1024px){
	.index-slide .swiper-slide .img{ display:none;}
	.index-slide .swiper-slide .pic{ display:block;}
	.index-slide .swiper-slide .pic img{ display:block; width:100%;}
}
/*---------------------------------------------------------------------------------------------------------------*/
/*首页产品*/
.index-pro .list{font-size:0;overflow:hidden;position:relative;}
.index-pro .list .item{width:23.5%;display:inline-block;position:relative;}
.index-pro .list .item .img{display:block;overflow:hidden;}
.index-pro .list .item .img img{display:block; width:100%;}
.index-pro .list .item .txt p{text-align:center;color:#fff;word-break:keep-all;}
.index-pro .list .item .txt .p1{font-size:18px;position:relative;}
.index-pro .list .item .txt .p2{opacity:.7;font-size:15px;}
.index-pro .list .item .txt .more{position:absolute;opacity:0;background:#977f63;box-shadow:0px -7px 20px 0 #666;font-size:16px;left:0;bottom:-40px;display:flex;height:40px;width:100%;align-items:center;justify-content:center;padding:10px;transition:background .3s ease-in-out;}

.index-pro .info{overflow:hidden;position:relative}
.index-pro .info .swiper-container{width:60%;position:absolute;left:0;height:100%;top:0;overflow:hidden;}
.index-pro .info .swiper-slide{background:#f2f2f2;position:relative;}
.index-pro .info .img{width:100%;height:auto;display:block;overflow:hidden;}
.index-pro .info .img img{width:100%;height:auto;display:block;}
.index-pro .info .txt{position:absolute;width:100%;left:0;bottom:0;z-index:2;color:#fff;height:130px;}

.index-pro .info .txt .left,
.index-pro .info .txt .right{transition:background .3s ease-in-out;height:100%;}
.index-pro .info .txt .left{width:80%;float:left; padding:20px;background:rgba(0, 0, 0, 0.5);}
.index-pro .info .txt .left h1{display: flex;align-items: center; width:100%; height:100%; overflow:hidden;font-size:30px;line-height:2em;}

.index-pro .info .txt .right{float:right;width:20%;background:rgba(161,140,114,.8);display:flex;justify-content:center;align-items:center;flex-direction:column;}
.index-pro .info .txt .right span{font-size:16px;letter-spacing:3px;}
.index-pro .info .txt .right em{font-size:12px;line-height:20px;opacity:.7;}
.index-pro .info .txt:hover .left{background:rgba(0, 0, 0, 0.7);}
.index-pro .info .txt:hover .left h1{color:#a18c72;filter:brightness(1.5);}
.index-pro .info .txt:hover .right{background:rgba(161,140,114,.95);}

.index-pro .info .tips{float:right;width:40%;overflow:hidden;text-align:center;color:#fff;font-size:18px;position:relative;}
.index-pro .info .tips li{cursor:pointer;height:130px;background:#303030;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.index-pro .info .tips li:before,
.index-pro .info .tips li:after{content:"";position:absolute;width:100%;z-index:-1;}
.index-pro .info .tips li:before{left:0;top:0;height:1px;background:#6e6e6e;}
.index-pro .info .tips li:after{left:50%;top:50%;height:100%;transform:translate(-50%, -50%) scale(0);background:#a18c72;transition:all 0.3s;}
.index-pro .info .tips li:first-child:before{display:none;}
.index-pro .info .tips li.on:after{transform:translate(-50%, -50%) scale(1);}
.index-pro .info .tips li i{width:50px;height:2px;background:#fff;opacity:.6;margin-top:5%;}

@media screen and (min-width:1025px){
	.index-pro .list .item{margin:0 2% 2% 0;}
	.index-pro .list .item:nth-child(4n){margin:0 0 2%;}
	
	.index-pro .list .item .txtbg{position:absolute;background:rgba(0,0,0,.5);width:100%;height:100%;left:0;top:0;transition:background .5s ease;}
	.index-pro .list .item .txt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width:calc(180px + 40px);height:auto;padding:20px;transition:transform .5s ease-in-out,background .5s ease;}
	
	.index-pro .list .item .txt .p1{padding-bottom:20px;margin-bottom:20px;}
	.index-pro .list .item .txt .p1:before{position:absolute;content:'';background:#fff;opacity:.5;width:25px;height:3px;display:block;bottom:0;left:50%;transform:translateX(-50%);}

	.index-pro .list .item:hover .txtbg{background:none;}
	.index-pro .list .item:hover .txt{background:#977f63;transform:translate(-50%,-50%) translateY(-20px);}
	.index-pro .list .item:hover .txt .more{opacity:1;}
	.index-pro .list .item .more:hover{background:#fff;color:#977f63;}
	
	.index-pro .info .img img{width:auto;height:100%; min-width:750px;}
	
	.index-pro .list .item .img{height: 450px; position:relative;}
	.index-pro .list .item .img img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);height: 100%;width: auto;}
	
}
@media screen and (max-width:1024px){
	.index-pro .list .item .img .bg{ display:none;}
	.index-pro .list .item .img img{display: block;width:100%;height:auto;}
	.index-pro .list .item{width:49%; margin-right:2%}
	.index-pro .list .item:nth-child(2n){margin-right:0;}
	.index-pro .list .item .txt .p1{color:#333;font-size:14px;padding: 10px 0;}
	.index-pro .list .item .txt .p2,
	.index-pro .list .item .txt .more{ display:none;}
	
	.index-pro .info{ margin-top:30px;}
	.index-pro .info .swiper-container{width:100%;position: relative;height:auto;}
	.index-pro .info .txt{height: auto;}
	.index-pro .info .txt .left{width: 100%;float: none;padding: 10px;}
	.index-pro .info .txt .left h1{font-size:20px;line-height:2em;}
	.index-pro .info .txt .right{ display:none;}
	
	.index-pro .info .tips{ display:none;}
}
/*---------------------------------------------------------------------------------------------------------------*/
/*about*/
.index-about{background:#f3f3f3;}
.index-about .info{ width:100%; height: 100%;position:relative;}
.index-about .info .left{width:40%;cursor: pointer;overflow:hidden;}
.index-about .info .left span{ display:block; width:100%; height:100%;transition:transform .8s ease;}
.index-about .info .left:hover span{transform:scale(1.1);}

.index-about .info .right{ width:60%; float:right;background:#fff;padding:4.5%;}
.index-about .info .right .p1{ font-size:21px;}
.index-about .info .right .p2{font-size: 12px;font-family: arial;opacity: .5;margin-top: 10px;margin-bottom: 20px;text-transform: capitalize;}
.index-about .info .right .p3{opacity:.8;line-height:2em;margin:5% 0;}
.index-about .info .right .p3 p{line-height: 2em;font-size: 14px;text-indent: 2em;}

.index-about .info .right .more{display:block;width:180px;height:50px;border:1px solid #977f63;background:#977f63;color:#fff;text-align:center;line-height:48px;}
.index-about .info .right .more:hover{background:#fff;color:#977f63;}

@media screen and (min-width:1025px){
	.index-about .info{box-shadow: 0 0 20px rgba(0,0,0,.2);}
	.index-about .info .left{position:absolute;left:0;top:0;height:100%;}
	
	.on1{overflow: hidden; position: relative;}
	.index-about .info .left:hover .on1{opacity: .9\0; filter: alpha(opacity=80);}
	.on1:before{
		content: "";position: absolute;width:100px;height:100%;top: 0;overflow: hidden;left:-50%;
		background: -moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);
		background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0)));
		background: -ms-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);
		background: -webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);
		background: -o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);
		
		-webkit-transform: skewX(-30deg);
		-ms-transform: skewX(-30deg);
		-moz-transform: skewX(-30deg);
		transform: skewX(-30deg);
	}
	.index-about .info .left:hover .on1:before{left:150%;-webkit-transition: left 1.3s;-moz-transition: left 1.3s;-ms-transition: left 1.3s;transition: left 1.3s;}
}
@media screen and (max-width:1024px){
	.index-about .info .left{position: relative;width:100%; height:200px;}
	.index-about .info .right{ width:100%; float:none;}
	.index-about .info .right .p1,
	.index-about .info .right .p2{ display:none;}
	.index-about .info .right .p3{line-height:2em;margin:0;}
	.index-about .info .right .more{height: 40px;line-height: 38px;margin: 20px auto 0;}
}
@media screen and (max-width:768px){	
}
/*---------------------------------------------------------------------------------------------------------------*/
/*adv*/
.index-adv .list{ position:relative;}
.index-adv .list ul{font-size:0;overflow:hidden;position:relative;padding: 3% 0;}
.index-adv .list ul li{display:inline-block;position:relative;background:rgba(255,255,255,.25);padding:3%;text-align:center;transition:all .5s ease;}
.index-adv .list ul li .img img{display:block;max-width:100px;margin: 0 auto;}
.index-adv .list ul li .img h1{display:block;margin-top: 8%;color:#fff; font-size:24px;opacity: .7;}
.index-adv .list ul li .img i{ display:block;width: 40%;margin: 10% auto;background: #fff;height: 2px;opacity: .5;}
.index-adv .list ul li p{color: #fff;opacity: .7;height: calc(20px * 4);font-size: 12px;line-height: 20px;overflow: auto;overflow: hidden;}
.index-adv .list ul li a{margin: 10% auto 0;width: 130px;height: 30px;border: 1px solid #fff;color: #fff;font-size: 12px;opacity: .8;display: flex;align-items: center;justify-content: center;}

@media screen and (min-width:1025px){
	.index-adv .list{ background:url(../images/advbg.jpg) no-repeat center/cover;}
	.index-adv .list:before{ content:''; width:100%; height:100%; display:block; position:absolute; top:0; left:0; background:#000;opacity: .8;}
	.index-adv .list ul li{width:23.5%;margin-left:2%;}
	.index-adv .list ul li:first-child{margin-left:0;}
	.index-adv .list ul li:hover{background:#977f63;}
	.index-adv .list ul li a:hover{border:1px solid #977f63;opacity:1;box-shadow:0 0 10px 0 #fff;}
}
@media screen and (max-width:1024px){
	.index-adv{ background:url(../images/advbg.jpg) no-repeat center/cover;padding: 50px 0 3%;}
	.index-adv:before{ content:''; width:100%; height:100%; display:block; position:absolute; top:0; left:0; background:#000;opacity: .8;}
	.index-adv .list ul{padding: 3% 0 0;}
	.index-adv .index-title{ color:#fff;}
	.index-adv .list ul li{width:48%;margin:0 2% 2% 0;}
	.index-adv .list ul li:nth-child(2){margin:0 0 2% 0;}
	.index-adv .list ul li:nth-child(3){ margin:0 2% 0 0;}
	.index-adv .list ul li:nth-child(4){ margin:0;}
}
@media screen and (max-width:768px){
	.index-adv .list ul li{width:100%; margin:0 0 3%;}
	.index-adv .list ul li:nth-child(2){margin:0 0 3%;}
	.index-adv .list ul li:nth-child(3){ margin:0 0 3%;}

	
	.index-adv .list ul li{padding:30px;}
	.index-adv .list ul li .img h1{margin-top: 0;font-size: 20px;}
	.index-adv .list ul li .img i{ margin:20px auto;}
	.index-adv .list ul li p{height:auto;font-size: 14px;}
	.index-adv .list ul li a {margin:20px auto 0;}
}

/*case*/
.index-adv .info{padding-top:80px; position:relative;}
.index-adv .info .swiper-slide{ text-align:center;}
.index-adv .info .swiper-slide .img{ display:block; width:100%; overflow:hidden; position:relative;}
.index-adv .info .swiper-slide .img img{ display:block; width:100%;}
.index-adv .info .swiper-slide p{padding: 10px;}
@media screen and (min-width:769px){
	.index-adv .info .wrap{ padding:0 80px;}
	.index-adv .info .swiper-slide .img{transition: all 0.5s;}
	.index-adv .info .swiper-slide:hover .img{transform:rotateY(180deg);}
	
	.index-adv .info .swiper-slide p{display: inline-flex;letter-spacing: 5px;border: 1px solid #977F63;margin: 10% auto 0;align-items: center;justify-content: center;}
	.index-adv .info .swiper-slide:hover p{background:#977F63;color:#fff;cursor:pointer;}
	
	.index-adv .info .prev,
	.index-adv .info .next{position:absolute;width:60px;height:130px;top:50%;transform: translateY(-50%) translateY(-45px);background-position:center; background-repeat: no-repeat; background-color:#bfbfbf;}
	.index-adv .info .prev{left:0;background-image:url(../images/prev.png);}
	.index-adv .info .next{right:0;background-image:url(../images/next.png);}
	.index-adv .info .prev:hover, .index-adv .info .next:hover{background-color:#977F63;}
}
@media screen and (max-width:768px){
	.index-adv .info{ display:none;}
}
/*---------------------------------------------------------------------------------------------------------------*/
/*news*/
.index-new{background:#f3f3f3;}
.index-new ul{overflow:hidden; font-size:0; position:relative}
.index-new ul li{width:32%; display:inline-block;margin-left:2%;}
.index-new ul li:first-child{margin-left:0;}
.index-new ul li .img{ width:100%; overflow:hidden;}
.index-new ul li .img img{ display:block; width:100%;}
.index-new ul li .txt{padding:5%; display:block; width:100%;font-size:14px; }
.index-new ul li .txt .p1{font-size:16px;display: flex;align-items: center;justify-content: space-between;height: 30px;margin-bottom: 5px;}
.index-new ul li .txt .p1 em{font-size:14px;opacity: .9;}
.index-new ul li .txt .p2{opacity:.7;border-bottom: 1px #000 solid;height: 48px;padding-bottom: 5%;box-sizing: content-box; overflow:hidden;}

.index-new ul li .txt:hover{background:#977F63;color:#fff;}
.index-new ul li .txt:hover .p2{border-bottom: 1px #fff solid;}

@media screen and (min-width:1025px){
	.index-new ul li .txt:hover{background:#977F63;color:#fff;}
	.index-new ul li .txt:hover .p2{border-bottom: 1px #fff solid;}
}
@media screen and (max-width:1024px){
	.index-new ul li{width:100%;margin-left:0;}
	.index-new ul li:last-child .txt:last-child .p2{border-bottom: none;padding-bottom:0;margin-bottom:0;}
	.index-new ul li .img{ display:none;}
	.index-new ul li .txt{padding:0;}
	.index-new ul li .txt .p1{margin-bottom: 10px;position: relative;overflow: hidden;padding-right: 70px;line-height: 30px;display: block;}
	.index-new ul li .txt .p1 em{display: block;font-size: 12px;position: absolute;right: 0;top: 0;line-height: 30px;}
	.index-new ul li .txt .p2{opacity: .7;border-bottom: 1px #ccc dashed;padding-bottom: 10px;margin-bottom: 10px;}
}