@charset "UTF-8";
.pc{
	display:none  !important; 
}
.base{
	margin:0 auto;  max-width:1280px;
}
.ntitle {
    line-height: 40px;
    height: 40px;
    text-align: center;
    font-size: 20px;
    color: black;
    margin-bottom: 12px;
}

.ncontent {
    line-height: 25px;
    padding-bottom: 55px;
}

.ninfo {
    color: #999;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    margin-bottom: 15px;
}
.ncontent img{
	max-width:100%;
}
.m-win{
	width:100%; height:100%; position:relative;
}

.index-story .m-win{
	    padding-left:12%; padding-right:10%; padding-top:50px;
}

.index-product .m-win{
	padding: 120px 80px;
    padding-right: 10%;
}

.index-space .m-win{
	padding-left: 15%;
}

.index-exhibition .m-win{
	padding-top: 50px;
}

.index-body{
	width:100%; height:100%; overflow:hidden; position:relative; padding-left:180px;
}
.index-body .header{
	width:180px; position:fixed; height:100%; top:0px; left:0px; z-index:2000; background:url(../pics/header.png) repeat-y left top; text-align:center; text-align:center;
}
.index-body .header .nav-top{
	padding-top:55px; 
}
.index-body .header .nav-top a.logo{
	display:block; text-decoration:none; margin-bottom:180px;
}
.index-body .header .nav-top a.logo img{
	height:102px; max-width:80px;
}
.index-body .header .nav-top ul li{
	text-align:center; height:55px; padding:15px 0px; line-height:35px;
}
.index-body .header .nav-top ul li>a{
	color:white; line-height:25px; font-size:16px; text-decoration:none; display:block;
}
.index-body .header .nav-top ul li>a span{
	display:none;
}
.index-body .header .nav-top ul li>div{
	display:none;
}
.index-body .header .nav-top ul li.cur a,.index-body .header .nav-top ul li:hover a{
	border-right:solid 3px white;
}
.index-kuan{
	width:100%; height:100%; position:relative; overflow:hidden;
}
.index-boxs{
	 height:100%;    background:#f0f0f0; width:100%;
}
.index-k{
	 height:100%; overflow:hidden; position:relative; float:left;
}
.pptn{
	display:none;
}
.carousel-inner .item .word-ppt{
	position:absolute; opacity:0; width:auto; height:auto; transition: all 0.6s;
}
.word-ppt img{
	max-width:100%;
}

.carousel-inner .active.item .word-ppt{
	opacity:1; 
}
.carousel-indicators{
	left:auto; width:95px; right:50px;
}
.carousel-indicators li{
	margin-left:5px; margin-right:5px;
}
.carousel-indicators li.active{
	background-color:#E62129; border-color:#E62129; margin-left:5px; margin-right:5px;
}
.index-story{
	 
}
.index-story .title{
	padding-left:21%; position:relative; 
}
.index-story .title>img{
	max-width:100%; position:relative; transition: all 1.3s; opacity:0; left:100px;
}
.index-story.cur .title>img{
	left:0px; opacity:1;
}
.index-story .title .img{
	width:20%; max-width:306px; position:absolute; left:60px; bottom:10px; height:auto; transition: all 0.8s; 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 2.3s; opacity:0; left:55px;
}
.index-story.cur .txt-pic-box{
	opacity:1; left:0px;
}
.index-story .txt-pic{
	width:47%; line-height:48px; color:#666666; padding-top:30px; background:url(../pics/story_bg1.png) no-repeat right top; background-size:70% auto; font-size:14px;
}
.index-story .pic-design{
	width:44%; top:8.5%; height:85%; overflow:hidden; position:absolute; right:-50px; text-align:center;  transition: all 0.9s; 
}
.index-story.cur .pic-design{
	right:0px;
}
.index-story .pic-design .imgs{
	overflow:hidden;
}
.index-story .pic-design .imgs img{
	max-width:0px; transition: all 0.75s; 
}
.index-story.cur .pic-design .imgs img{
	 max-width:100%;
}
.index-story  .pic-design .imgs:hover img{
	transform: scale(1.05);
}
.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.1s; 
}
.index-story.cur .pic-design .tit{
	opacity:1;
}
.index-product{
	background:#F7F7F7 url(../pics/product_bg.jpg) no-repeat center center;
}
.index-product .title-img{
	padding-left:38%; text-align:right; position:relative; padding-top:50px; margin-bottom:45px;
}
.index-product .title-img img{
	max-width:100%; position:relative; transition: all 1.1s; left:-50px;
}
.index-product.cur .title-img img{
	left:0px;
}
.index-product .lines{
	height:100%; width:10px; background:#383838; position:absolute; top:0px; right:30%; z-index:0; transition: all 3.5s; opacity:0;
}
.index-product.cur .lines{
	right:34%; opacity:1;
}
.index-product ul.products li{
	background:white; width:32%; float:left; margin-right:2%; position:relative; z-index:100; top:175px; opacity:0; transition: all 1.4s;
}
.index-product ul.products li:first-child{
	transition: all 0.8s;
}
.index-product ul.products li:last-child{
	transition: all 2.0s;
}
.index-product.cur ul.products li{
	top:0px; opacity:1;
}
.index-product ul.products li:nth-child(3n+0){
	margin-right:0px;
}
.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;  filter: grayscale(100%);
}
.index-product ul.products li:hover a.img img{
	transform: scale(1.05); filter: grayscale(0%);
}
.index-product ul.products li a.txt{
	display:block; height:70px; line-height:70px; text-align:center; position:relative;   font-size:16px; text-decoration:none;
}
.index-product ul.products li a.txt .bg{
	position:absolute; left:0px; top:0px; width:0px; height:100%; background:#383838; transition: all 0.5s;  
}
.index-product ul.products li:hover a.txt .bg{
	width:100%; opacity:0.8;
}
.index-product ul.products li a.txt font{
	height:1px; position:relative; background:white; display:inline-block; width:60px; position:relative; bottom:5px; left:0px; transition: all 1.0s;
}
.index-product ul.products li a.txt font.t1{
	left:-10px;
}
.index-product ul.products li a.txt font.t2{
	left:10px;
}
.index-product ul.products li:hover a.txt font.t1{
	left:0px;
}
.index-product ul.products li:hover a.txt font.t2{
	left:0px;
}
.index-product ul.products li a.txt span{
	display:inline-block; margin:0px 18px; color:#666; position:relative; z-index:100;
}
.index-product ul.products li:hover a.txt span{
	color:white;
}
.index-space{
	background:#F7F7F7; 
}
.index-space .bg{
	width:61.5%; position:absolute; right:11%; top:0px; z-index:0; 
}
.index-space .bg img{
	max-width:100%;
}
.index-space .left{
	max-width:320px; width:20%; display:inline-block; padding-top:100px; position:relative; z-index:100; 
}
.index-space .left img{
	max-width:100%; display:block; margin-bottom:50px;
}
.index-space .left .sanv{
	padding-right:100px;
}
.index-space .left .sanv a{
	display:block; text-decoration:none; height:48px; line-height:48px; font-size:16px; color:#666666; padding:0px 12px;
}
.index-space .left .sanv a:hover{
	background:#B8B8B8; color:white;
}
.index-space .right{
	width:72%; padding-top:80px; position:absolute; z-index:100; right:0px; top:0px; height:100%;
}
.index-space .right .img{
	position:relative; width:100%; height:100%;
}
.index-space .right .img img{
	max-width:100%;
}
.index-space .right .img .img-left{
	width:50%; float:left; padding-top:300px; padding-bottom:60px; padding-left:60px; text-align:right; padding-right:20px; margin-left:5%;
}
.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{
	width:44%; float:right;
}
.index-space .right .dsimg{
	position:relative; display:inline-block; text-align:right; width:max-content;
}
.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;
}
.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;
}
.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{
	left:50px;
}
.index-space.cur .right .img a.img-link.se-img3{
	top:0px; left:0px; opacity:1;
}
.index-space .right .img a.img-link.se-img3{
	left:-50px;
}
.index-space.cur .right .img a.img-link.se-img3{
	top:0px; left:0px; opacity:1;
}

.index-space .right .img a.img-link.se-img4{
	left:100px;
}
.index-space.cur .right .img a.img-link.se-img4{
	top:0px; left:0px; opacity:1;
}

.index-space .right .img>.txt{
	display:inline-block; width:130px; opacity:0; transition: all 0.6s; text-align:center; left:30px; bottom:60px; height:38px; color:#999;    position:absolute; 
}
.index-space.cur .right .img>.txt{
	opacity:1; left:0px;  
}

.index-space .right .img>.txt a{
	display:block;  border:solid 1px #ccc; border-radius:2px; line-height:38px; text-decoration:none; color:#999; width:130px; height:38px; 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: -38px;
    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: 130px;
    height:130px;
}

.index-exhibition{
	background:#F7F7F7 url(../pics/exhibition_bg.jpg) no-repeat right center; padding-top:50px;
}

.exhibition-left{
	padding-top:80px; width:64%; position:relative; float:left;
}
.exhibition-left a{
	transition: all 0.9s;  
}

.exhibition-right{
	width:36%; float:right; padding-right:15px; border-left:solid 13px #333333; height:100%;
}
.exhibition-right a{
	display:inline-block;  transition: all 1.9s; overflow:hidden;
}
.exhibition-right a:first-child{
	 opacity:0;
}
.index-exhibition.cur a:first-child{
	 opacity:1;
}
.index-exhibition .exhibition-right a:last-child{
	 opacity:0; position:relative; left:30px; transition: all 0.9s; margin-top:-5px;
}
.index-exhibition.cur .exhibition-right a:last-child{
	opacity:1; left:0px;
}
.exhibition-right a img{
	max-width:100%; transition: all 0.6s;
}

.exhibition-right a:hover img{
	transform: scale(1.05);
}

.exhibition-box{
	height:100%;
}

.exhibition-left .title{
	text-align:right; margin-bottom:50px;
}

.exhibition-left ul{
	padding:0px 70px;
}
.exhibition-left ul li{
	float:left; width:20%; margin-right:6.63%; position:relative; opacity:0; top:-50px; transition: all 0.6s; 
}
.exhibition-left ul li:nth-child(even){
	padding-top:50px; top:50px;
}
.exhibition-left ul li:last-child{
	margin-right:0px;
}
.index-exhibition.cur .exhibition-left ul li{
	opacity:1; top:0px;
}
.index-exhibition.cur .exhibition-left ul li a{
	display:inline-block; overflow:hidden;
}
.index-exhibition .exhibition-left ul li a img{
	transition: all 0.6s;
}
.index-exhibition .exhibition-left ul li:hover a img{
	transform: scale(1.05);
}
.oh-footer{
	background:url(../pics/foot_bg.jpg) no-repeat center center;
}
.copyright {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    color: #999999;
    font-size: 12px;
    writing-mode: vertical-lr;
    margin: 30px 30px 0 0;
    height: 100vh;
}
.copyright .section-footer-copyright-1 {
    padding: 0 5px 0 0;
}
.copyright .section-footer-copyright-2 {
    padding: 0 0 0 5px;
}
.copyright .section-footer-copyright-2 a{
	color:#777; text-decoration:none;
}
.gongju{
	width:200px; height:80%; position:absolute; top:0px; background:url(../pics/gj.png) repeat-y left top; right:40%; transition: all 1.4s; opacity:0;
}
.foot-line{
	width:1px; height:100%; position:absolute; top:0px; background:#ccc; right:22%; transition: all 1.6s; opacity:0;
}
.oh-footer.cur .foot-line{
	right:20%; opacity:1;
}
.oh-footer.cur .gongju{
	right:30%; opacity:1;
}
.gongju .gjs{
	width:100%; height:100%; position:relative;  padding:45px 20px;
}
.fo-tb{
	width:45px; height:230px;
}
.fo-tb a{
	display:block; background:#717171; width:45px; height:45px; line-height:45px; text-align:center; margin-bottom:35px; border-radius:50%;
}
.g-txt{
	position:absolute; top:45px; right:8px; writing-mode: vertical-lr; color:white; font-size:16px; width:35px; text-align:center;
}
.g-txt font{
	display:inline-block; height:30px; background:url(../pics/lis.png) no-repeat center center; width:30px;
}
a.gfh{
	position:absolute; width:60px; height:60px; bottom:40px; left:0px; background:#636363; padding:5px 5px; text-align:center; text-decoration:none; color:white; line-height:25px;
}
a.gfh font{
	display:block; line-height:22px; font-size:14px;
}
a.gfh span{
	position:relative; top:3px;
}
a.gfh:hover{
	background:black;
}

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

@media screen and (max-width: 1720px){
	.index-space .right{
		padding-top:45px;
	}
	
	.index-space .right .img a.img-link.se-img2 img {
    max-width: 290px;
	}
	
	.index-space .right .img a.img-link.se-img1 img {
    max-width: 395px;
	}
	
}




@media screen and (max-width: 1545px){
	.index-body .header .nav-top a.logo{
		margin-bottom:110px;
	}
	
	.index-story .m-win{
		padding-top:40px;
	}
	
	.index-story .txt-pic{
		font-size:15px; line-height: 34px;
	}
	
	.index-product .title-img{
		padding-top:30px;
	}
	
	.index-product .m-win{
		padding-top:105px;
	}
	
	.index-space .right .img a.img-link.se-img2 img {
    max-width: 270px;
	}
	
	.index-space .right .img a.img-link.se-img1 img {
    max-width: 370px;
	}
	
	.index-space .right .img a.img-link.se-img4 img{
		max-width:210px;
	}
	
	.index-space .right .img .img-right{
		width:42%;
	}
	
	.index-space .right .img .img-left{
		width:53%;
	}
	
	.index-space .right .img>.txt{
		width:110px;
	}
	.index-space .right .img>.txt a{
		width:110px;
	}
	
	.index-space .right {
    padding-top: 35px;
	}
	
}
@media screen and (max-width: 1420px){
	.index-body .header .nav-top a.logo{
		margin-bottom: 80px;
	}
	.index-story .m-win{
		padding-top: 25px; padding-left: 8%;
	}
	.index-story .txt-pic{
		font-size:14px; line-height: 33px;
	}
	
	.index-product .m-win {
		padding: 90px 65px;
	}
	.index-space .m-win {
    padding-left: 8%;
	}
	
	.index-space .bg {
		right: 15.5%; width:62%;
	}
	
	.index-space .right {
    padding-top: 10px;
	}
	
	.index-space .right .img a.img-link.se-img2 img {
    max-width: 250px;
	}
	
	.index-space .right .img .img-left{
		    padding-left: 85px;
	}
	
	.index-space .right .img>.txt{
		width:110px;
	}
	.index-space .right .img>.txt a{
		width:110px;
	}
	
	.exhibition-left .title{
		padding-left:200px;
	}
	.exhibition-left .title img{
		max-width:100%;
	}
	.index-exhibition{
		padding-top: 35px;
	}
	.exhibition-left .title{
		margin-bottom:40px;
	}
	
	.exhibition-left{
		padding-top: 40px;
	}
	
	.index-story .pic-design{
		height:85%;
	}
	
	.index-space .right .img .img-right{
		width:40%;
	}
	
	.index-space .right .img .img-left{
		width:55%;
	}
	
	.index-space .right .img a.img-link.se-img4 img{
		max-width:200px;
	}
	
	.index-product.cur .lines{
		right:31%;
	}
	.index-space .right .img a.img-link{
		margin-bottom:20px;
	}
	
}