@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:url(../pics/header.png) repeat-y left top; 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:44px; height:44px; background:#999; color:white; line-height:45px; left:0px; bottom:85px; text-align:center; position:fixed;  transition: all 0.6s;  z-index:2001; 
}
.mulus img{
	max-height:26px; max-width:20px;
}
.wap-body.ons .mulus{
	left:12px;   border-radius:50%;
}		

.header .nav-top a.logo{
	display:block; text-decoration:none; margin-bottom:30px;
}
.header .nav-top a.logo img{
	width:60px;
}
.header .nav-top ul li{
	text-align:center; height:45px;  line-height:45px;
}
.header .nav-top ul li>a{
	color:white; line-height:45px; font-size:15px; text-decoration:none; display:block; padding:0px 10px; position:relative; padding-right:25px;
}
.header .nav-top ul li>a span{
	position:absolute; right:10px; top:17px; color:#ccc; 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;
}

.index-story{
	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; background:url(../pics/story_bg1.png) no-repeat right top; background-size:40% auto;
}
.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;
}