@charset "utf-8";
/*内页幻灯片*/
.neiye-ban{position:relative;overflow:hidden;height:calc(100vh - 200px);min-height:300px;max-height:630px;}
.neiye-ban .bg{ position:absolute; right:0; left:0; width:100%; height:100%;background-repeat:no-repeat;background-position:bottom center;background-size:cover;}
.neiye-ban .bg:before{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;background:#000;opacity:.5;}

.neiye-position{position:relative;z-index:2;font-size:12px;color:#fff;height:calc(100% - 60px);display:flex;flex-direction:column;align-items:baseline;justify-content:center;overflow:hidden;}
.neiye-position h1{font-size:40px;position:relative;}
.neiye-position h2{font-size:20px;text-transform:uppercase;font-family:arial;line-height:1.2em;position:relative;letter-spacing:1px;}
.neiye-position p{font-size:16px;margin-top:20px;height:30px;display:flex;align-items:center;overflow:hidden;position:relative;opacity:.8;}
.neiye-position p img{display:block;height:100%;width:auto;margin-right:5px;position:relative;}
.neiye-position p a{ margin:0 5px;}
.neiye-position p a:hover{color:#bca176;filter:brightness(1.3);opacity:1;}
.neiye-position.off{ height:100%;}

.neiye-nav{width:100%;height:60px; position:relative;font-size: 0;}
.neiye-nav a{display:inline-flex;align-items:center;justify-content:center;color:#fff;vertical-align: top;font-size: 14px;}

.neiye-nav.off{ display:none;}

@media screen and (min-width:1025px){
	.neiye-nav{border-color:#bca176;border-style:solid;border-width:1px 0;background:rgba(255,255,255,.3);display:flex;justify-content:space-between;}
	.neiye-nav a{height:100%;width:100%;border-left:1px solid #bca176;font-size: 12px;}
	.neiye-nav a:first-child{ border:none;}
}

@media screen and (max-width:1024px){
	.neiye-ban{height:auto;min-height: 100px;z-index: 50;}
	.neiye-ban .bg{ position: relative; height:200px;}
	.neiye-position,
	.neiye-ban .bg:before{ display:none;}
	
	.neiye-nav{height:auto;display: block;background: #f2f2f2;}
	.neiye-nav a{width: calc(100% / 3); background:#bca176;padding: 10px 0; border-right:1px solid rgba(255,255,255,.2);border-top:1px solid rgba(255,255,255,.2);}
	.neiye-nav a:nth-child(3n){border-right: none;}
}
/*------------------------------------------------------------------------*/
/*单篇*/
.neiye{ padding:80px 0;width:100%;background:#fff;position:relative;}
.neiye .main{ margin-top:50px;position:relative;}
.neiye .info{ margin-bottom:100px;}
.neiye .info p{ font-size:16px;line-height:1.75em;color:#333;}

.neiye-tit{ width:100%; position:relative; height:auto;display: flex;align-items: center;justify-content: space-between;}
.neiye-tit .tit{position: relative;font-size: 26px;display: flex;align-items: center;justify-content: space-between;flex-direction: column;}
.neiye-tit .tit em{font-family: arial;text-transform: uppercase;font-size:16px;margin-top: 10px;color: #ccc;letter-spacing: 1px;}
.neiye-tit i{background:#b2b2b2;height:1px;width: 36%;}
@media screen and (max-width:1024px){
	.neiye{ padding:50px 0;}
	.neiye .main{ margin-top:30px;position:relative;}
	.neiye .info{ margin-bottom:30px;}
	.neiye .info p{ font-size:14px;}
	
	.neiye-tit{display: block;}
	.neiye-tit .tit{font-size: 20px;}
	.neiye-tit .tit em{font-size: 14px;margin-top: 5px;}
	.neiye-tit i{ display:none;}

}
/*------------------------------------------------------------------------*/
/*简介*/
.nei-about{ padding:100px 0;position:relative;width:100%;background:#fff;}
.nei-about .main{margin:50px 0 0;position:relative;overflow:hidden;}
.nei-about .more{width:150px;height:40px;margin:3% auto 0;display:flex;align-items:center;justify-content:center;font-size:16px;border:1px #967f63 solid;margin:3% auto 0;color:#967f63;transition:box-shadow .3s ease;}
.nei-about .more:hover{ background:#967f63;color:#fff;box-shadow:0 0 10px rgba(0,0,0,.25);}

.nei-about.box1{ background:#f2f2f2}
.nei-about.box1 .info{ width:50%;float:left;padding-right:3%;}
.nei-about.box1 .info p{ line-height:2em;font-size:16px;text-indent:2em;}
.nei-about.box1 .img{width:50%;height:100%;position:absolute;right:0;top:0;}
.nei-about.box1 .img img{ display:none;}

.nei-about.box2 .info{ width:50%;float:right;margin-bottom:0;padding-left:3%;}
.nei-about.box2 .info p{ line-height:2em;font-size:16px;}
.nei-about.box2 .img{width:50%;overflow:hidden;position:absolute;left:0;top:0;height:100%;}
.nei-about.box2 .swiper-slide{width:100%;height:100%;}

.nei-about.box3{ background:url(?template/html/images/combg.jpg) no-repeat center/cover;}
.nei-about.box3:before{ content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:-1;}
.nei-about.box3 .neiye-tit .tit{ color:#fff;}
.nei-about.box3 .neiye-tit i{ background:#fff;}
.nei-about.box3 .info{color:#fff;text-align:center;font-size:15px;line-height:2em;}
.nei-about.box3 .img{overflow:hidden;margin:50px 0 0;}
.nei-about.box3 .img .left{position:absolute;left:50px;top:50px;width:calc(100% - 850px);height:calc(100% - 100px);}
.nei-about.box3 .img .right{ width:800px;float:right;color:#fff;padding:50px;}
.nei-about.box3 .img .right h1{font-size:24px;display:block;position:relative;}
.nei-about.box3 .img .right h1:before{content:'';position:absolute;left:0;bottom:-25px;display:block;width:2em;height:2px;background:#fff;opacity:.7;}
.nei-about.box3 .img .right p{font-size:14px;opacity:.8;line-height:1.5em;margin-top:50px;display:block;}
.nei-about.box3 .swiper-slide{background:rgba(0,0,0,.5);height:400px;}
.nei-about.box3 .desc{width:140px;height:30px;position:absolute;right:50px;bottom:50px;background:#000;cursor:pointer;}
.nei-about.box3 .desc span{display:block;width:50%;height:100%;color:rgba(255,255,255,.8);line-height:30px;text-align:center;font-size:40px;}
.nei-about.box3 .desc .prev{float:left;}
.nei-about.box3 .desc .next{ float:right;background-color:#967f63;}

.nei-about.box4{background:#f2f2f2;}
.nei-about.box4 ul{font-size:0;}
.nei-about.box4 ul li{ width:calc(calc(100% - 60px) / 4);margin-bottom:20px;margin-right:20px;display:inline-block;overflow:hidden;position:relative;}
.nei-about.box4 ul li:nth-child(4n){ margin-right:0;}
.nei-about.box4 ul li img{display:block;width:100%;height:auto;margin:0 auto;position:relative;transition:transform .5s ease;}
.nei-about.box4 ul li:hover img{transform:scale(1.2);}
.nei-about.box4 ul li p{text-align:center;height:40px;line-height:40px;color:#fff;background:rgba(0,0,0,.8);font-size:12px;position:absolute;width:100%;left:0;bottom:0;}

.nei-about.box5 .main{padding:15px 0;}
.nei-about.box5 .swiper-slide{ padding:5px;transition:box-shadow .5s ease-in-out;}
.nei-about.box5 .swiper-slide img{display:block;width:100%;height:auto;margin:0 auto;border:1px #ddd solid;}
.nei-about.box5 .swiper-slide:hover{box-shadow:0 0 10px rgba(0,0,0,.15);}

@media screen and (max-width:1024px){
	.nei-about{ padding:50px 0;}
	.nei-about .main{margin:30px 0 0;}
	.nei-about .more{ font-size:12px;}
	
	.nei-about.box1 .info{ width:100%;float: none;padding-right:0;}
	.nei-about.box1 .info p{font-size:14px;}
	.nei-about.box1 .img{width:100%;position: relative; background:none !important;margin-top: 30px;}
	.nei-about.box1 .img img{ display:block; width:100%;}
	
	.nei-about.box2 .info{width:100%;float: none;padding-right:0;}
	.nei-about.box2 .info p{ font-size:14px;}
	.nei-about.box2 .img{width:100%;position: relative;}
	.nei-about.box2 .swiper-slide{height:300px;}
	
	.nei-about.box3 .info{font-size:12px;}
	.nei-about.box3 .img{margin:30px 0 0;}
	.nei-about.box3 .img .left{position: relative;width:100%;height:200px;left:0;top:0;}
	.nei-about.box3 .img .right{ width:100%; float:none;padding: 20px 0 0;}
	.nei-about.box3 .img .right h1{font-size:20px;}
	.nei-about.box3 .img .right p{font-size:12px;margin-top:30px;}
	.nei-about.box3 .swiper-slide{height:auto;padding: 20px;}
	.nei-about.box3 .desc{bottom: 0;margin: 20px auto 0;right: 0;position: relative;}
	
	.nei-about.box4 ul li{ width:100%;margin-bottom:3%;margin-right:0;}
	
	.nei-about.box5 .main{ margin:0;}
}
/*------------------------------------------------------------------------*/
/*联系*/
.nei-lianxi{ padding:100px 0;position:relative;width:100%;background:#fff;}
.nei-lianxi .main{margin:50px 0 0;position:relative;overflow:hidden;}

.nei-lianxi.box1{padding:100px 0 0;}
.nei-lianxi.box1 .info{ position:relative; z-index:3; padding-right:50%;}
.nei-lianxi.box1 .info p{ font-size:16px; line-height:2em;}
.nei-lianxi.box1 .img{height:100%; position:absolute; right:0; top:0; z-index:10;}
.nei-lianxi.box1 .img img{ width:auto; height:100%;}

.nei-lianxi.box2{ padding:0;}
#allmap{width:100%;height:100vh;min-height:300px;}
#allmap b{color:#CC5522;font-size:14px;}
#allmap img{max-width:none;}

/*留言*/
.nei_gbook{background:url(?template/html/images/gbookbg.jpg) no-repeat center/cover;padding:8% 0;}
.nei_gbook form{padding:45px 40px;width:850px;margin:0 auto;background:#fff;}
.nei_gbook table{ width:100%;color:#967f63;}
.nei_gbook table td,
.nei_gbook table th{border:1px solid #967f63;font-weight:normal;text-align:center;}
.nei_gbook table thead th{padding:4%;font-size:24px;}
.nei_gbook table tbody th{width:20%;height:65px;}
.nei_gbook input{width:100%;display:block;height:65px;padding:15px;line-height:35px;}
.nei_gbook input[type="submit"]{background:#967f63;color:#fff;cursor:pointer;font-size:18px;letter-spacing:10px;}
.nei_gbook input[type="submit"]:hover{background:#fff;color:#967f63;}

@media screen and (max-width:1024px){
	.nei-lianxi{ padding:50px 0;}
	.nei-lianxi .main{margin:30px 0 0;}
	
	.nei-lianxi.box1{padding:50px 0 0;}
	.nei-lianxi.box1 .info{padding-right:0;}
	.nei-lianxi.box1 .info p{ font-size:14px;}
	.nei-lianxi.box1 .img{position: relative; width:100%;}
	.nei-lianxi.box1 .img img{ width:auto; height:auto; max-width:150px; display:block;}
	
	#allmap{height:300px;min-height:1px;}
	
	.nei-lianxi.box3 .wrap{ width:100%;}
	.nei_gbook{padding:3% 0;}
	.nei_gbook form{padding:20px;width:94%;}
	
	.nei_gbook table thead th{padding:4%;font-size:24px;}
	.nei_gbook table tbody th{width:20%;height:65px;}
	.nei_gbook input{width:100%;display:block;height:65px;padding:15px;line-height:35px;}
	.nei_gbook input[type="submit"]{background:#967f63;color:#fff;cursor:pointer;font-size:18px;letter-spacing:10px;}
}
@media screen and (max-width:768px){
	.nei_gbook table thead th{padding:10px;font-size:18px;}
	.nei_gbook table tbody th{width:30%;height:40px; padding:0 5px;}
	.nei_gbook input{height:40px;padding:10px;line-height:20px;}
	.nei_gbook input[type="submit"]{font-size:16px;letter-spacing:5px;}
}
/*------------------------------------------------------------------------*/
/*列表*/
.neiye .list{ font-size:0;width:100%;position:relative;}
.neiye .list .item{ display:inline-block;transition:all 0.5s;position:relative;}
.neiye .list .item:hover{box-shadow:0 0 20px rgba(0,0,0,.4);}
.neiye .list .item .img{ display:block;overflow:hidden;}
.neiye .list .item .img img{ display:block;width:100%;height:auto;margin:0 auto;transition:all 0.5s;}
.neiye .list .item:hover .img img{transform:scale(1.1);}

/*页码*/
.pagenum{width:100%;text-align:center;clear:both;}
.pagenum a,
.pagenum span{color: #666;padding: 0 10px;margin: 0 3px;display: inline-block;line-height: 24px;background: #fff;border: 1px solid #ccc;font-size: 12px;}
.pagenum a:hover,
.pagenum span{display:inline-block;color:#fff;background:#bca176;border-color:#bca176;}
.pagenum a.page-num-current{display:inline-block;color:#fff;background:#bca176;border-color:#bca176;}
.pagenum span.page-num{ display:none !important;}

/*产品*/
.nei-pro{background:#f2f2f2;}
.nei-pro ul li{width:32%;margin:0 2% 2% 0;}
.nei-pro ul li .tit{font-size:14px;display:block;background:#bca176;color:#fff;letter-spacing:2px;padding:3% 0;text-align:center;}

/*新闻*/
.nei-news{background:#f2f2f2;}
.nei-news .item{width:100%;overflow:hidden;background:#fff;margin-bottom:2%;}
.nei-news .item:hover{background:#977f63;color:#fff;}

.nei-news .img{position:absolute;top:0;left:0;height:100%;width:30%;padding:20px;}
.nei-news .img .bg{width:100%;height:100%;display:block;overflow:hidden;position:relative;}
.nei-news .item:hover .img .bg:before{content:'READ MORE';width:100%;height:100%;display:flex;position:absolute;top:0;left:0;background:rgba(0,0,0,.5);z-index:9;font-size:18px;align-items:center;justify-content:center;}
.nei-news .img .bg span{ width:100%;height:100%;display:block;position:relative;background-position:center;background-repeat:no-repeat;background-size:100%;transition:all 0.5s;overflow:hidden;}
.nei-news .item:hover .img .bg span{transform:scale(1.1);}

.nei-news .txt{width:70%;float:right;padding:5% 40px 5% 20px;}
.nei-news .txt .tit{font-size:18px;line-height:28px;position:relative;margin-bottom:20px;font-weight:bolder;}
.nei-news .txt .tit em{position:absolute;height:28px;right:0;top:0;line-height:28px;overflow:hidden;font-size:14px;font-weight:normal;}
.nei-news .txt .desc{font-size:14px;line-height:24px;opacity:.9;word-break:break-all;letter-spacing:1px;}

@media screen and (min-width:1025px){
	.nei-pro ul li:nth-child(3n){margin-right:0;}
}
@media screen and (max-width:1024px){
	/*产品*/
	.nei-pro ul li{width:48.5%;margin:0 3% 3% 0;}
	.nei-pro ul li:nth-child(2n){margin-right:0;}
	.nei-pro ul li .tit{font-size: 12px;letter-spacing: 0;padding: 0;line-height: 40px;height: 40px;overflow: hidden;}
	
	/*新闻*/
	.nei-news .item{margin-bottom:3%;}
	.nei-news .img{position: relative;height: 200px;width: 100%;padding: 0;}
	.nei-news .txt{width: 100%;float: none;padding: 20px;}
	.nei-news .txt .tit{font-size:16px;margin-bottom: 5px;}
	.nei-news .txt .tit em{position: relative; height: auto;line-height: 2em;font-size: 12px;}
	.nei-news .txt .desc{letter-spacing:0;height: calc(24px * 3);overflow: hidden;}
}
/*------------------------------------------------------------------------*/
/*内容*/
.nei-page{ background:#f2f2f2;position:relative;border-bottom: 1px solid #977f63;}

.page-title{position: relative;background: #977f63;color: #fff;padding: 3% 5%;font-size: 24px;line-height: 30px;}
.page-title em{font-family:arial;float: right;font-size: 16px;line-height: 30px;}

.page-main{position:relative;overflow: hidden;margin:5%; padding-bottom:40px;}
.page-main .bigbox{width:100%;position:relative;overflow:hidden;}
.page-main .bigbox img{ display: block;width: auto;margin: 0 auto;max-width: 100%;}
.page-main .smallbox{width: auto;position: absolute;overflow: hidden;margin: 0 auto;left: 50%; bottom:0;transform: translateX(-50%);}
.page-main .smallbox .swiper-slide{ width:40px;height:30px;border:1px solid transparent;transition: border .5s ease-in-out;}
.page-main .smallbox .swiper-slide.swiper-slide-thumb-active{ border:1px solid #977f63;}

.page-info{margin: 5%;display:block;position:relative;}

.page-but{margin: 4% 5% 0;position: relative;}
.page-but .left{display: flex;float: left;height: 60px;align-items: baseline;flex-direction: column;justify-content: space-between;}
.page-but .left a{display: block;font-size: 16px;}
.page-but .left a:hover{color:#977f63;}
.page-but .right{width: 150px;height: 46px;background: #977f63;color: #fff;border: 1px solid #977f63;display: flex;position: absolute;right: 0;top: 50%;transform: translateY(-50%);align-items: center;justify-content: center;}
.page-but .right:hover{background:#fff;color:#977f63;}
@media screen and (max-width:1024px){
	.page-title{padding:20px;font-size:18px;}
	.page-title em{float: none;font-size:14px;display: block;}
	
	.page-main{margin:20px; padding-bottom:40px;}
	.page-main .bigbox{width:100%;position:relative;overflow:hidden;}
	.page-main .bigbox img{ display: block;width: auto;margin: 0 auto;}
	.page-main .smallbox{width: auto;position: absolute;overflow: hidden;margin: 0 auto;left: 50%; bottom:0;transform: translateX(-50%);}
	.page-main .smallbox .swiper-slide{ width:40px;height:30px;border:1px solid transparent;transition: border .5s ease-in-out;}
	.page-main .smallbox .swiper-slide.swiper-slide-thumb-active{ border:1px solid #977f63;}
	
	.page-info{margin:20px;}
	.page-info p{font-size: 14px;line-height: 2em;}
	
	.page-but{margin:20px 20px 0;}
	.page-but .left{float: none;height: 44px;width: 100%;display: block;}
	.page-but .left a{font-size: 14px;}
	.page-but .right{position: relative;top: 0;transform: translateY(0);width: 100%;margin-top: 10px;}

}


/*产品*/
.page-pro .page-info{border-top: 1px dotted #999;padding-top: 5%;}
.page-pro .page-info .div1 h3{color: #977f63;font-weight: bolder;font-size: 20px;}
.page-pro .page-info .div1 p strong{color: #977f63;font-size: 16px;}
.page-pro .page-info .div1 img{display:block; max-width:100%; margin:0 auto; width:auto;}
.page-pro .page-info .div1 table{ width:100%;}
.page-pro .page-info .div1 table td{ border:1px #666 solid; padding:5px;}

.page-pro .page-info .div2{ position: relative; width:100%; font-size:0;}
.page-pro .page-info .div2 p{ line-height:normal; font-size:0;}
.page-pro .page-info .div2 img{ display:inline-block;border: 1px #ddd solid;transition:box-shadow .5s ease;}
.page-pro .page-info .div2 img:nth-child(3n){ margin-right:0;}

.page-pro .page-info .div3{position: relative; width:100%;display: flex;justify-content: center;}
.page-pro .page-info .div3 video{ width:100%; height:400px;}
.page-pro .page-info .div3 video object{ width:auto; display:block; margin:0 auto; height:100%;}

@media screen and (min-width:769px){
	.page-pro .page-info .div2 img{margin-top:9px; margin-right:9px; width:calc(calc(100% - 18px) / 3);}
	.page-pro .page-info .div2 img:nth-child(3n){ margin-right:0;}
}
@media screen and (max-width:768px){
	.page-pro .page-info .div2 img{ width:49%;margin-right:1%; margin-top:1%;}
	.page-pro .page-info .div2 img:nth-child(3n){ margin-right:0;}	
}
@media screen and (max-width:300px){
	.page-pro .page-info .div2 img{ width:100%;margin-right:0; margin-top:1%;}
}
/*------------------------------------------------------------------------*/
/*伙伴*/
.huoban .left{width:45%; height:100%;position:absolute; left:0; top:0; overflow:hidden;}
.huoban .left img{ display:block; width:auto; height:100%;}

.huoban ul{ width:55%; float:right;}
.huoban ul li{float:left;display: flex;align-items: center;justify-content: center;}
.huoban ul li img{width:100%;height:auto; display:block;}
.huoban ul li:hover{border:2px solid #967f63;}

@media screen and (min-width:769px){
	.huoban ul li{ width:calc(calc(100% - 40px) / 4);margin-left:10px; margin-top:10px;border: 2px #ccc solid;}
	
	.huoban ul li:nth-child(1),
	.huoban ul li:nth-child(2),
	.huoban ul li:nth-child(3),
	.huoban ul li:nth-child(4){ margin-top:0;}
}

@media screen and (max-width:768px){
	.huoban .left{ width:100%;display:block; position:relative;}
	.huoban .left img{width:auto; height:auto; max-width:100%; margin:0 auto;}
	.huoban ul{ width:100%; float: none;}
	.huoban ul li{ width:49%;margin-right:2%; margin-top:2%;border: 1px #ccc solid;}
	.huoban ul li:nth-child(2n){ margin-right:0;}

}
/*------------------------------------------------------------------------*/
/*搜索*/
.nei-search .item{width: 100%;overflow: hidden;margin-bottom: 2%;border: 1px #ccc solid;display: block;border-radius: 5px;padding: 30px;}
.nei-search .item:hover{border: 1px #967f63 solid;}
.nei-search .item .tit{position:relative;margin-bottom:20px;}
.nei-search .item .tit p{line-height:28px;color: #333;}
.nei-search .item .tit .p1{font-weight:bolder;font-size:18px;}
.nei-search .item:hover .tit .p1{ color:#967f63;}
.nei-search .tit .p2{font-size:14px;opacity: .7;}
.nei-search .desc{font-size:14px;line-height:24px;opacity:.9;word-break:break-all;}
.nei-search .more{text-align: right;margin-top: 20px;font-size: 16px;color: #967f63;}
/*------------------------------------------------------------------------*/