.big-box{position: relative;}
.tab-bigbox{
    position: absolute;
    width: 100%;
    height: 100%;
}
.big-img{width: 100%;}
.tab-box{
    width: 100%;
    height: 100%;
}
.tab-all img{width: 100%;}
#tabimg .layui-carousel-ind{top: -69px;}
#tabimg .layui-carousel-ind ul{background: transparent;}
#tabimg .layui-carousel-ind li{
	width:30px;
	height: 30px;
	background: #fff;
    border: 3px solid #ccc;
}
#tabimg .layui-carousel-ind li.layui-this{
	width: 84px;
	border-radius: 15px;
}
#tabimg .layui-carousel-arrow{
    width: 50px;
    height: 60px;
    font-size: 70px;
    background: transparent;
    border-radius: 0;
}
.tab-list{
    height: 773px;
    background: #f7f7f7;
}
.tab-title{
    padding-top: 40px;
    padding-bottom: 25px;
    text-align: center;
}
.tab-title h2{
    font-size: 27px;
    color: #565756;
}
.tab-title p{color: #9c9c9c;}
.tab-text{
    height: 590px;
}
.tab-all2{
    height: 590px;
    text-align: center;
    font-family: 'Microsoft YaHei';
}
.tab-all2 li{
    position: relative;
    width: 380px;
    height: 548px;
    margin-right: 28px;
    float: left;
    background: #fff;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}
.tab-all2 li:last-child{margin-right: 0;}
.list-top{
    width:380px;
    height: 485px;
    background: #fff;
}
.list-text{
    padding-top: 24px;
}
.xian{
    width: 43px;
    height: 1px;
    background: #febd19;
    margin: 0 auto;
}
.list-text h3{
    margin-bottom: 14px;
    font-size: 18px;
}
.list-text p{
    line-height: 30px;
}
.list-text span{
    color: #febd19;
}
.box-black{
    position: absolute;
    top: 0;
    left: 0;
    width: 380px;
    height: 485px;
    background: rgba(0,0,0,0.6);
    opacity: 0;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
}
.box-text{
    color: #fff;
    margin-left: 30px;
    margin-right: 30px;
}
.box-text h4{
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 34px;
    font-weight: lighter;
    text-align: center;
}
.box-text a{
    display: block;
    width:240px;
    height: 48px;
    margin: 0 auto;
    background: #fecf1d;
    color:#000;
    text-align: center;
    line-height: 44px;
    font-size: 21px;
    border-radius: 50px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
}
.box-text a:hover{background:#ebb101;}
.box-w{
    height: 250px;
    padding-top: 10px;
    font-size: 20px;
    line-height: 44px;
    text-align: left;
}
.box-tit{
    font-size: 22px;
    line-height: 63px;
    padding: 0 24px;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tab-all2 li:hover .box-black{
    opacity: 1;
}

#tabimg2 .layui-carousel-ind ul{background: transparent;}
#tabimg2 .layui-carousel-ind li{
	width: 16px;
	height: 16px;
	background: #e8e8e8;
	border: 1px solid #e8e8e8;
}
#tabimg2 .layui-carousel-ind li.layui-this{
	background: #fff;
}
#tabimg2 .layui-carousel-arrow{
	width:30px;
	height: 59px;
	color: transparent;
	border-radius: 0;
	opacity: 0.7;
}
#tabimg2 .layui-carousel-arrow[lay-type=sub]{
	left:-54px;
	background: url("../image/index/left.png") center center;
}
#tabimg2 .layui-carousel-arrow[lay-type=add]{
	right:-54px;
	background: url("../image/index/right.png") center center;
}
#tabimg2 .layui-carousel-arrow:hover{opacity: 1;}

/*新加*/
.video-box{
    position: relative;
    max-height: 650px;
    max-width: 1387px;
    overflow: hidden;
    background: #fff;
    margin: 0 auto;
}
.video-box video{
    width: 100%;
}
#animation_container,
#canvas,
#dom_overlay_container{
    max-height: 650px;
    max-width: 1387px;
}
.video1{
    height: 680px;
    width: 1242px;
    margin: 0 auto;
}
.video1 video{
    height: 680px;
    width: 1242px;
}
.video-box .video2{
    height: 499px;
}
.video2 video{
    height: 500px;
}
.text-c{text-align: center;}