@charset "UTF-8";

.base{

	padding:0px 6px;

}

.wap{

	display:none !important;

}

.ntitle {

    line-height: 28px;   

    text-align: center;

    font-size: 18px;

    color: black;

    margin-bottom: 10px;

}



.ncontent {

    line-height: 25px;

	padding:0px 10px;

    padding-bottom: 55px;

}



.ninfo {

    color: #999;

    font-size: 12px;

    text-align: center;

    line-height: 20px;

    margin-bottom: 15px;

	 

}

.ncontent img{

	max-width:100%; height:auto !important;

}

.pptn{

	position:relative;

}

.carousel-inner .item .word-ppt{

	position:absolute; opacity:0; width:130px; height:auto; transition: all 0.9s; left:200px; top:80px;

}

.carousel-inner .pptn>img{

	width:100%;

}

.word-ppt img{

	width:100%;

}

.index-k.cur .carousel-inner .item .word-ppt{

	left:15px; opacity:1;

}

.wap-body{

	position:relative;   transition: all 0.6s; left:0px;

}

.index-body{

	width:100%; height:100%; overflow:hidden;

}

.wap-body .header{

	width:110px; position:fixed; height:100%; top:0px; z-index:2000; background:#1c1d33; text-align:center; transition: all 0.6s; opacity:1; left:0px;

}

 



.header .nav-top{

	padding-top:25px; 

}



.wap-body.ons .header{

	opacity:0; left:-151px;

}

.mulus{

	width:65px; height:46px; background:#c5a47e; left:8px; bottom:85px; text-align:center; position:fixed;  transition: all 0.6s;  z-index:2001; border-radius: 12px 12px 12px 0;

}

.mulus .mulu-img {
	position: relative;
}
.mulus img {
	max-width: 100%;
}
.wap-body .mulus .img1{
	animation: none;
}
.wap-body .mulus .img2{
	display: none;
}
.wap-body.ons .mulus .mulu-img .img1 {
	animation: 4s opacity2 0s infinite; -webkit-animation: 4s opacity2 0s infinite;-moz-animation: 4s opacity2 0s infinite;
}
.wap-body.ons .mulus .mulu-img .img2 {
	position: absolute; left: 0; right: 0; top: 0; right: 0;
	animation: 4s opacity1 0s infinite; -webkit-animation: 4s opacity1 0s infinite;-moz-animation: 4s opacity1 0s infinite;
}
.wap-body.ons .mulus{
	left:12px; background-color: rgba(28, 29, 51, 0.8);
}
.wap-body.ons .mulus .img2{
	display: block;
}


@keyframes opacity1{
	0%{opacity:1}
	50%{opacity:0;}
	100%{opacity:1;}
}
@-webkit-keyframes opacity1{
	0%{opacity:1}
	50%{opacity:0;}
	100%{opacity:1;}
}
@-moz-keyframes opacity1{
	0%{opacity:1}
	50%{opacity:0;}
	100%{opacity:1;}
}

@keyframes opacity2{
	0%{opacity:0}
	50%{opacity:1;}
	100%{opacity:0;}
}
@-webkit-keyframes opacity2{
	0%{opacity:0}
	50%{opacity:1;}
	100%{opacity:0;}
}
@-moz-keyframes opacity2{
	0%{opacity:0}
	50%{opacity:1;}
	100%{opacity:0;}
}



.header .nav-top a.logo{

	display:block; text-decoration:none; margin-bottom:100px;

}

.header .nav-top a.logo img{

	width:100px;

}

.header .nav-top ul li{

	text-align:center; padding: 5px 0; position: relative;

}
.header .nav-top ul li:after{

	position: absolute; content: " "; left: 20px; right: 20px; bottom: 0; height: 0; border-top: 1px solid #716159;

}

.header .nav-top ul li>a{

	color:#c5a47e; line-height:52px; font-size:15px; text-decoration:none; display:block; position:relative;

}

.header .nav-top ul li>a span{

	position:absolute; right:10px; top:17px; color:#c5a47e; font-size:12px;

}

.header .nav-top ul li>div{

	display:none;

}

 

.index-kuan{

	width:100%;  position:relative; overflow:hidden; height:100%;

}

.index-boxs{

	 background:#f0f0f0; width:100%;

}

.index-k{

	width:100%;  overflow:hidden; position:relative; left:101%; transition: all 0.5s;

}

.index-k.cur{

	left:0px;

}

.banner-swiper {
	height: 100vh;
	width: 100%;
	--swiper-pagination-color: #1c1d33;
}
.banner-swiper .banner-slide {
	display: flex;
	justify-content: center;
	flex-direction: column;
	overflow: hidden;
}
.banner-swiper .banner-background {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	transition: 1s 2.5s;
    transform: perspective(1000px) translate3d(0, 0, 100px);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.banner-swiper .swiper-slide.swiper-slide-active .banner-background {
	transition: 5s 0s;
    transform: perspective(1000px) translate3d(0, 0, 0px);
}



.index-story{

	background:#F7F7F7 url(../pics/story_bg.jpg) no-repeat center center;

	padding:20px 10px; padding-top:20px; 

}

.index-story .title{

	padding-left:48%; position:relative; 

}

.index-story .title>img{

	max-width:100%; position:relative; transition: all 1.6s; opacity:0; left:30px;

}

.index-story.cur .title>img{

	left:0px; opacity:1;

}

.index-story .title .img{

	width:40%;   position:absolute; left:0px; bottom:5px; height:auto; transition: all 1.0s; opacity:0;

}

.index-story.cur .title .img{

	opacity:1; left:0px;

}

.index-story .title .img img{

	max-width:100%;

}

.index-story .txt-pic-box{

	position:relative;  transition: all 3.8s; opacity:0; top:55px;

}

.index-story.cur .txt-pic-box{

	opacity:1; top:0px;

}

.index-story .txt-pic{

	 line-height:35px; color:#666666; padding-top:20px;

}



.index-story .txt-pic-box .txt{

	display:inline-block; width:100px; opacity:0; transition: all 0.6s; text-align:center; left:0px; bottom:50px; height:34px; color:#999;    position:absolute; 

}

.index-story.cur .txt-pic-box .txt{

	opacity:1; left:20px;  bottom:150px; 

}



.index-story .txt-pic-box .txt a{

	display:block;  border:solid 1px #ccc; border-radius:2px; line-height:34px; text-decoration:none; color:#999; width:100px; height:34px; line-height:38px; position:relative; overflow:hidden;

}



.index-story .txt-pic-box .txt .txt a font{

	display: block;

    position: absolute;

    top: -30px;

    left: 0px;

    background-color: rgba(51, 51, 51, 0.8);

    border-radius: 100%;

    opacity: 0.6;

    animation: ripple .6s 0s linear;

    animation-duration: 2s;

    animation-iteration-count: infinite;

    transform: scale(0);

    width: 100px;

    height:100px;

}



.index-story .pic-design{

	overflow:hidden; text-align:center;  transition: all 1.1s; position:relative; opacity:0; top:30px;

}

.index-story.cur .pic-design{

	top:0px; opacity:1;

}

.index-story .pic-design .imgs{

	overflow:hidden;

}

.index-story .pic-design .imgs img{

	max-width:0px; transition: all 0.95s; 

}

.index-story.cur .pic-design .imgs img{

	 max-width:100%;

}



.index-story .pic-design .tit{

	height:40px; line-height:40px; font-size:16px; color:#666666; margin-top:5px; position:relative; opacity:0;  transition: all 1.25s; 

}

.index-story.cur .pic-design .tit{

	opacity:1;

}



.index-product{

	background:#F7F7F7 url(../pics/product_bg.jpg) no-repeat center center; padding:35px 10px;

}

.index-product .title-img{

	text-align:left; position:relative;   margin-bottom:30px;

}

.index-product .title-img img{

	max-width:100%; position:relative; transition: all 1.1s; top:55px; opacity:0;

}

.index-product.cur .title-img img{

	top:0px; opacity:1;

}

.index-product .lines{

	height:100%; width:8px; background:#383838; position:absolute; top:0px; right:10%; z-index:0; transition: all 3.5s; opacity:0;

}

.index-product.cur .lines{

	right:19%; opacity:1;

}

.index-product ul.products li{

	background:white; width:49%; float:left; margin-right:2%; position:relative; z-index:100;  opacity:0; transition: all 1.4s; margin-bottom:10px;

}

.index-product ul.products li:nth-child(even){

	margin-right:0px;

}

.index-product.cur ul.products li{

	top:0px; opacity:1;

}

.index-product ul.products li:nth-child(3n+0){

	margin-right:0px; float:none; clear:both; width:100%;

}

.index-product ul.products li a.img{

	display:block; overflow:hidden; 

}

.index-product ul.products li a.img img{

	width:100%; transition: all 0.5s;  

}

.index-product ul.products li a.txt{

	display:block; height:40px; line-height:40px; text-align:center; position:relative;   font-size:13px; text-decoration:none; background:black; opacity:0.8;

}

.index-product ul.products li a.txt .bg{

	display:none;

}



.index-product ul.products li a.txt font{

	display:none;

	}

 

.index-product ul.products li a.txt span{

	display:inline-block; color:#fff; position:relative; z-index:100;

}

 

.index-space{

	background:#F7F7F7; 

}

.index-space .bg{

	width:31.5%; position:absolute; right:5px; top:0px; z-index:0; 

}

.index-space .bg img{

	max-width:100%;

}

.index-space .left{

	padding-top:15px; position:relative; z-index:100; text-align:center;

}

.index-space .left img{

	max-width:90px;   margin-bottom:20px;

}

.index-space .left .sanv{

	display:none;

}

.index-space .right{

	

}

.index-space .right .img{

	position:relative;

}

.index-space .right .img img{

	max-width:100%;

}

.index-space .right .img .img-left{

	text-align:center;

}

.index-space .right .img a.img-link{

	margin-bottom:25px; display:inline-block; height:auto;     display:block; position:relative; opacity:0; transition: all 0.9s;  

}

.index-space .right .img .img-right{

	margin-top:20px;

}

.index-space .right .dsimg{

	position:relative; text-align:center;

}

.index-space .right .dsimg a.img-link{

	 display:block;  

}

.index-space .right .dsimg a:first-child{

	text-align:left;

}

.index-space .right .img a.img-link img{

	max-width:100%;

}

.index-space .right .img a.img-link.se-img1{

	top:50px; text-align:center;

}

.index-space.cur .right .img a.img-link.se-img1{

	opacity:1; left:0px; top:0px;

}

.index-space .right .img a.img-link.se-img2{

	top:50px; padding-left:15px; margin-bottom:0px;

}

.index-space.cur .right .img a.img-link.se-img2{

	top:0px; left:0px; opacity:1;

}

.index-space .right .img a.img-link.se-img3{

	right:50px; position:absolute; bottom:75px;

}

.index-space.cur .right .img a.img-link.se-img3{

	 right:0px; opacity:1; bottom:90px;

}

.index-space .right .img a.img-link.se-img4{

	left:100px; padding-left:80px; text-align:right;

}

.index-space.cur .right .img a.img-link.se-img4{

	top:0px; left:0px; opacity:1;

}

.gt-simg{

	position:relative; bottom:20px;

}



.index-space .right .img>.txt{

	display:inline-block; width:100px; opacity:0; transition: all 0.6s; text-align:center; left:0px; bottom:50px; height:34px; color:#999;    position:absolute; 

}

.index-space.cur .right .img>.txt{

	opacity:1; left:20px;  bottom:150px; 

}



.index-space .right .img>.txt a{

	display:block;  border:solid 1px #ccc; border-radius:2px; line-height:34px; text-decoration:none; color:#999; width:100px; height:34px; line-height:38px; position:relative; overflow:hidden;

}



@keyframes ripple {

    100% {

        opacity: 0;

        transform: scale(2.5);

    }

}

.index-space  .right .img>.txt a font{

	display: block;

    position: absolute;

    top: -30px;

    left: 0px;

    background-color: rgba(51, 51, 51, 0.8);

    border-radius: 100%;

    opacity: 0.6;

    animation: ripple .6s 0s linear;

    animation-duration: 2s;

    animation-iteration-count: infinite;

    transform: scale(0);

    width: 100px;

    height:100px;

}





.index-exhibition{

	background:#F7F7F7 url(../pics/exhibition_bg.jpg) no-repeat right center; padding-top:20px;

}



.exhibition-left{

	position:relative;

}

.exhibition-left a{

	transition: all 0.9s;  

}



.exhibition-right{

	 border-top:solid 13px #333333; padding-top:23px; text-align:center; margin-top:-5px;

}

.exhibition-right a{

	display:inline-block;  transition: all 1.2s; overflow:hidden;

}

.exhibition-right a:last-child{

	display:none;

}

 

.index-exhibition .exhibition-right a:first-child{

	 opacity:0; position:relative; bottom:30px; transition: all 0.9s;  

}

.index-exhibition.cur .exhibition-right a:first-child{

	opacity:1; bottom:0px;

}



.exhibition-box{

	height:100%;

}



.exhibition-left .title{

	margin-bottom:20px; text-align:center; padding:0px 40px;

}

.exhibition-left .title img{

	max-width:100%;

}

.exhibition-left ul{

	padding:0px 0px;

}

.exhibition-left ul li{

	float:left; width:30%; margin-right:5%; position:relative; opacity:0; top:-50px; transition: all 0.6s; 

}

.exhibition-left ul li:nth-child(3n+0){

	margin-right:0px;

}

.exhibition-left ul li:last-child{

	display:none;

}

.index-exhibition.cur .exhibition-left ul li{

	opacity:1; top:0px;

}

.index-exhibition.cur .exhibition-left ul li a{

	display:inline-block; overflow:hidden;

}


.carousel-inner>.item {
	height: 100vh;
}
.carousel-inner>.item>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.qrcode {
	position: fixed;
	z-index: 100;
	bottom: 50%;
	right: 0;
	display: block;
	width: 40px;
	height: 60px;
	background-color: rgba(28, 29, 51, 1);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-size: 12px;
	color: #c5a47e;
	cursor: pointer;
}
.qrcode .text {
	margin-top: 5px;
	line-height: 1;
	color: #c5a47e;
}
a.qrcode:hover {
	color: #c5a47e;
	text-decoration: none;
}
a.qrcode:hover .text, a.qrcode:active .text {
	color: #c5a47e;
	text-decoration: none;
}