.special-panels{
    width:100%;min-width:1170px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.special-panel{
    width:270px;
    height:408px;
    box-shadow:0px 4px 10px 0px rgba(36,41,62,0.03);
    border-radius:3px;
    background-color: #fff;
    padding:40px 25px 5px 25px;
    margin:0 10px 0 0;
}
.special-panel-title{
    font-size:18px;
    font-family:Microsoft YaHei;
    color:rgba(97,95,90,1);
}
.special-panel-icon{
    margin: 35px 0;
}
.special-panel-content{
    margin-left:0;
}
.special-panel-content-li{
    padding:0;margin:0;
    margin-top: 10px;
    font-size:14px;
    font-family:Microsoft YaHei;
    list-style:none;
    color:rgba(125,128,136,1);
}
.special-panel-content-li:first-child{
    margin-top: 0;
}
.special-panel-content-li::before{
    content:'• ';
    color:#18C8FF
}


/* index-thumbnail */
.index-thumbnail .thumbnails {
    width:33.333%;
    text-align:center;
	outline: none;
	text-decoration: none;
	box-sizing: border-box;
	height: 19.75rem;
	padding: 1.94rem 1.25rem 0 1.25rem;
	border: none;
}
.index-thumbnail .thumbnails img {
	width: 6.25rem;
	height: 6.25rem;
	margin:0 auto;
}
.index-thumbnail .thumbnails .thumb-title {
	font-size:1.25rem;
	font-family:SourceHanSansSC-Medium,SourceHanSansSC;
	font-weight:500;
	color:rgba(50,50,50,1);
	line-height:1.81rem;
	text-align: center;
	margin: 1.13rem 0 0.69rem 0;
}
.index-thumbnail .thumbnails  .thumb-content {
	font-size:1rem;
	font-family:SourceHanSansSC-Normal,SourceHanSansSC;
	font-weight:400;
	color:rgba(153,153,153,1);
	line-height:1.5rem;
	text-align: left;
}

@media(min-width: 768px) {
    .indexbanner-swiper-container {
        position: relative;
        width: 100%;
        min-width: 1376px;
        height: 720px;
        overflow: hidden;
        background-size: cover;
        z-index: 1;
    }
    
    .swiper-slide{
        width: 1376px;margin:0 auto;
    }
    
    
    .swiper-slide-bluebg{
        width: 100%;height: 720px;background-color: #3860f4;
    }
    
    .swiper-slide-whitebg{
        width: 100%;height: 720px;background-color: #fff;
    }
    
    .swiper-slide-imagebg{
        width: 100%;height: 720px;position:relative;
        overflow:hidden;
    }
        
        .swiper-slide-imagebg>.background-image{
            width:100%;height:720px;position:absolute;z-index:1;
            top:0;left:0;
        }
    

    .swiper-slide>img{
        width: 1376px;
        position: absolute;
        top: 0;
        margin-left: -540px;
        margin-right: auto;
        display: block;
        left: 50%;
        right: auto;
        z-index: 2;
    }

    .swiper-container-vertical>.swiper-pagination-bullets{
    	position:absolute;
    	top:50%;
    	left:0;
    	z-index:6;
    	overflow:hidden;
    	-webkit-transform:translate(0,-50%);
    	-ms-transform:translate(0,-50%);
    	transform:translate(0,-50%);
    }
    
    .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
        margin:24px 0 0 0;
    }
    
    .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet::after{
    	content:' ';
    	width:100%;height:24px;
    	padding-top:24px;
    	display:block;
    }
    
    .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet::before{
    	content:' ';
    	width:100%;height:24px;
    	padding-bottom:24px;
    	display:block;
    }
    
    .swiper-pagination-bullet{
    	width:16px;
    	height:1px;
    	border-radius:0%;
    	cursor:pointer;
    	transition:width .25s ease-in-out
    }
    
    .swiper-pagination-bullet-active{
    	width:49px;
    }

}

@media(max-width: 768px) {
    
    .hero.fullheight{
        padding-top: 0;
    }
    
    .hero {
        padding: 0;
        position: relative;
    }
  
    .link-all{
        margin-top:2em;
    }
    
    .indexbanner-swiper-container {
        width: 100%;
        height: 400px;
        position: relative;
    }
        
    .swiper-slide{
        width: 100%;
    }
    
    .swiper-slide>img{
        width: 100%;max-width: 750px;
        position: absolute;
        top: 0;left:0;
        margin-right: auto;
        display: block;
        right: auto;
        z-index: 2;
    }
    
	.index-thumbnail .thumbnails {
        width: calc(100%/2);
		padding: 0;
		height: auto;
		display: block;
		align-items: center;
	}
	
	.index-thumbnail .thumbnails .icon{
	    width: 100%;height: 120px;display: block;
	}
	
	.index-thumbnail .thumbnails .thumb-info {
	    width:80%;margin:0 auto;
	}







	
	.index-thumbnail .thumbnails .thumb-title {
		text-align: center;
		font-size:1.28rem;
		font-family:SourceHanSansSC-Medium,SourceHanSansSC;
		font-weight:bold;
		color:rgba(51,51,51,1);
	}
	.index-thumbnail .thumbnails  .thumb-content {
		font-size:0.9rem;
		font-family:SourceHanSansSC-Normal,SourceHanSansSC;
		font-weight:400;
		color:rgba(153,153,153,1);
		line-height:1.28rem;
	}
}