/* Element UI 风格网格布局系统 */
.row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -12px;
}

.col-1 { flex: 0 0 4.16667%; max-width: 4.16667%; }
.col-2 { flex: 0 0 8.33333%; max-width: 8.33333%; }
.col-3 { flex: 0 0 12.5%; max-width: 12.5%; }
.col-4 { flex: 0 0 16.66667%; max-width: 16.66667%; }
.col-5 { flex: 0 0 20.83333%; max-width: 20.83333%; }
.col-6 { flex: 0 0 25%; max-width: 25%; }
.col-7 { flex: 0 0 29.16667%; max-width: 29.16667%; }
.col-8 { flex: 0 0 33.33333%; max-width: 33.33333%; }
.col-9 { flex: 0 0 37.5%; max-width: 37.5%; }
.col-10 { flex: 0 0 41.66667%; max-width: 41.66667%; }
.col-11 { flex: 0 0 45.83333%; max-width: 45.83333%; }
.col-12 { flex: 0 0 50%; max-width: 50%; }
.col-13 { flex: 0 0 54.16667%; max-width: 54.16667%; }
.col-14 { flex: 0 0 58.33333%; max-width: 58.33333%; }
.col-15 { flex: 0 0 62.5%; max-width: 62.5%; }
.col-16 { flex: 0 0 66.66667%; max-width: 66.66667%; }
.col-17 { flex: 0 0 70.83333%; max-width: 70.83333%; }
.col-18 { flex: 0 0 75%; max-width: 75%; }
.col-19 { flex: 0 0 79.16667%; max-width: 79.16667%; }
.col-20 { flex: 0 0 83.33333%; max-width: 83.33333%; }
.col-21 { flex: 0 0 87.5%; max-width: 87.5%; }
.col-22 { flex: 0 0 91.66667%; max-width: 91.66667%; }
.col-23 { flex: 0 0 95.83333%; max-width: 95.83333%; }
.col-24 { flex: 0 0 100%; max-width: 100%; }

[class*="col-"] {
	padding: 0 12px;
	box-sizing: border-box;
}

/* 响应式断点 */
@media (max-width: 1200px) {
	.col-xl-1 { flex: 0 0 4.16667%; max-width: 4.16667%; }
	.col-xl-2 { flex: 0 0 8.33333%; max-width: 8.33333%; }
	.col-xl-3 { flex: 0 0 12.5%; max-width: 12.5%; }
	.col-xl-4 { flex: 0 0 16.66667%; max-width: 16.66667%; }
	.col-xl-5 { flex: 0 0 20.83333%; max-width: 20.83333%; }
	.col-xl-6 { flex: 0 0 25%; max-width: 25%; }
	.col-xl-7 { flex: 0 0 29.16667%; max-width: 29.16667%; }
	.col-xl-8 { flex: 0 0 33.33333%; max-width: 33.33333%; }
	.col-xl-9 { flex: 0 0 37.5%; max-width: 37.5%; }
	.col-xl-10 { flex: 0 0 41.66667%; max-width: 41.66667%; }
	.col-xl-11 { flex: 0 0 45.83333%; max-width: 45.83333%; }
	.col-xl-12 { flex: 0 0 50%; max-width: 50%; }
	.col-xl-13 { flex: 0 0 54.16667%; max-width: 54.16667%; }
	.col-xl-14 { flex: 0 0 58.33333%; max-width: 58.33333%; }
	.col-xl-15 { flex: 0 0 62.5%; max-width: 62.5%; }
	.col-xl-16 { flex: 0 0 66.66667%; max-width: 66.66667%; }
	.col-xl-17 { flex: 0 0 70.83333%; max-width: 70.83333%; }
	.col-xl-18 { flex: 0 0 75%; max-width: 75%; }
	.col-xl-19 { flex: 0 0 79.16667%; max-width: 79.16667%; }
	.col-xl-20 { flex: 0 0 83.33333%; max-width: 83.33333%; }
	.col-xl-21 { flex: 0 0 87.5%; max-width: 87.5%; }
	.col-xl-22 { flex: 0 0 91.66667%; max-width: 91.66667%; }
	.col-xl-23 { flex: 0 0 95.83333%; max-width: 95.83333%; }
	.col-xl-24 { flex: 0 0 100%; max-width: 100%; }
}

@media (max-width: 992px) {
	.col-lg-1 { flex: 0 0 4.16667%; max-width: 4.16667%; }
	.col-lg-2 { flex: 0 0 8.33333%; max-width: 8.33333%; }
	.col-lg-3 { flex: 0 0 12.5%; max-width: 12.5%; }
	.col-lg-4 { flex: 0 0 16.66667%; max-width: 16.66667%; }
	.col-lg-5 { flex: 0 0 20.83333%; max-width: 20.83333%; }
	.col-lg-6 { flex: 0 0 25%; max-width: 25%; }
	.col-lg-7 { flex: 0 0 29.16667%; max-width: 29.16667%; }
	.col-lg-8 { flex: 0 0 33.33333%; max-width: 33.33333%; }
	.col-lg-9 { flex: 0 0 37.5%; max-width: 37.5%; }
	.col-lg-10 { flex: 0 0 41.66667%; max-width: 41.66667%; }
	.col-lg-11 { flex: 0 0 45.83333%; max-width: 45.83333%; }
	.col-lg-12 { flex: 0 0 50%; max-width: 50%; }
	.col-lg-13 { flex: 0 0 54.16667%; max-width: 54.16667%; }
	.col-lg-14 { flex: 0 0 58.33333%; max-width: 58.33333%; }
	.col-lg-15 { flex: 0 0 62.5%; max-width: 62.5%; }
	.col-lg-16 { flex: 0 0 66.66667%; max-width: 66.66667%; }
	.col-lg-17 { flex: 0 0 70.83333%; max-width: 70.83333%; }
	.col-lg-18 { flex: 0 0 75%; max-width: 75%; }
	.col-lg-19 { flex: 0 0 79.16667%; max-width: 79.16667%; }
	.col-lg-20 { flex: 0 0 83.33333%; max-width: 83.33333%; }
	.col-lg-21 { flex: 0 0 87.5%; max-width: 87.5%; }
	.col-lg-22 { flex: 0 0 91.66667%; max-width: 91.66667%; }
	.col-lg-23 { flex: 0 0 95.83333%; max-width: 95.83333%; }
	.col-lg-24 { flex: 0 0 100%; max-width: 100%; }
}

@media (max-width: 768px) {
	.col-md-1 { flex: 0 0 4.16667%; max-width: 4.16667%; }
	.col-md-2 { flex: 0 0 8.33333%; max-width: 8.33333%; }
	.col-md-3 { flex: 0 0 12.5%; max-width: 12.5%; }
	.col-md-4 { flex: 0 0 16.66667%; max-width: 16.66667%; }
	.col-md-5 { flex: 0 0 20.83333%; max-width: 20.83333%; }
	.col-md-6 { flex: 0 0 25%; max-width: 25%; }
	.col-md-7 { flex: 0 0 29.16667%; max-width: 29.16667%; }
	.col-md-8 { flex: 0 0 33.33333%; max-width: 33.33333%; }
	.col-md-9 { flex: 0 0 37.5%; max-width: 37.5%; }
	.col-md-10 { flex: 0 0 41.66667%; max-width: 41.66667%; }
	.col-md-11 { flex: 0 0 45.83333%; max-width: 45.83333%; }
	.col-md-12 { flex: 0 0 50%; max-width: 50%; }
	.col-md-13 { flex: 0 0 54.16667%; max-width: 54.16667%; }
	.col-md-14 { flex: 0 0 58.33333%; max-width: 58.33333%; }
	.col-md-15 { flex: 0 0 62.5%; max-width: 62.5%; }
	.col-md-16 { flex: 0 0 66.66667%; max-width: 66.66667%; }
	.col-md-17 { flex: 0 0 70.83333%; max-width: 70.83333%; }
	.col-md-18 { flex: 0 0 75%; max-width: 75%; }
	.col-md-19 { flex: 0 0 79.16667%; max-width: 79.16667%; }
	.col-md-20 { flex: 0 0 83.33333%; max-width: 83.33333%; }
	.col-md-21 { flex: 0 0 87.5%; max-width: 87.5%; }
	.col-md-22 { flex: 0 0 91.66667%; max-width: 91.66667%; }
	.col-md-23 { flex: 0 0 95.83333%; max-width: 95.83333%; }
	.col-md-24 { flex: 0 0 100%; max-width: 100%; }
}

@media (max-width: 576px) {
	.col-sm-1 { flex: 0 0 4.16667%; max-width: 4.16667%; }
	.col-sm-2 { flex: 0 0 8.33333%; max-width: 8.33333%; }
	.col-sm-3 { flex: 0 0 12.5%; max-width: 12.5%; }
	.col-sm-4 { flex: 0 0 16.66667%; max-width: 16.66667%; }
	.col-sm-5 { flex: 0 0 20.83333%; max-width: 20.83333%; }
	.col-sm-6 { flex: 0 0 25%; max-width: 25%; }
	.col-sm-7 { flex: 0 0 29.16667%; max-width: 29.16667%; }
	.col-sm-8 { flex: 0 0 33.33333%; max-width: 33.33333%; }
	.col-sm-9 { flex: 0 0 37.5%; max-width: 37.5%; }
	.col-sm-10 { flex: 0 0 41.66667%; max-width: 41.66667%; }
	.col-sm-11 { flex: 0 0 45.83333%; max-width: 45.83333%; }
	.col-sm-12 { flex: 0 0 50%; max-width: 50%; }
	.col-sm-13 { flex: 0 0 54.16667%; max-width: 54.16667%; }
	.col-sm-14 { flex: 0 0 58.33333%; max-width: 58.33333%; }
	.col-sm-15 { flex: 0 0 62.5%; max-width: 62.5%; }
	.col-sm-16 { flex: 0 0 66.66667%; max-width: 66.66667%; }
	.col-sm-17 { flex: 0 0 70.83333%; max-width: 70.83333%; }
	.col-sm-18 { flex: 0 0 75%; max-width: 75%; }
	.col-sm-19 { flex: 0 0 79.16667%; max-width: 79.16667%; }
	.col-sm-20 { flex: 0 0 83.33333%; max-width: 83.33333%; }
	.col-sm-21 { flex: 0 0 87.5%; max-width: 87.5%; }
	.col-sm-22 { flex: 0 0 91.66667%; max-width: 91.66667%; }
	.col-sm-23 { flex: 0 0 95.83333%; max-width: 95.83333%; }
	.col-sm-24 { flex: 0 0 100%; max-width: 100%; }
}

@media (max-width: 480px) {
	.col-xs-1 { flex: 0 0 4.16667%; max-width: 4.16667%; }
	.col-xs-2 { flex: 0 0 8.33333%; max-width: 8.33333%; }
	.col-xs-3 { flex: 0 0 12.5%; max-width: 12.5%; }
	.col-xs-4 { flex: 0 0 16.66667%; max-width: 16.66667%; }
	.col-xs-5 { flex: 0 0 20.83333%; max-width: 20.83333%; }
	.col-xs-6 { flex: 0 0 25%; max-width: 25%; }
	.col-xs-7 { flex: 0 0 29.16667%; max-width: 29.16667%; }
	.col-xs-8 { flex: 0 0 33.33333%; max-width: 33.33333%; }
	.col-xs-9 { flex: 0 0 37.5%; max-width: 37.5%; }
	.col-xs-10 { flex: 0 0 41.66667%; max-width: 41.66667%; }
	.col-xs-11 { flex: 0 0 45.83333%; max-width: 45.83333%; }
	.col-xs-12 { flex: 0 0 50%; max-width: 50%; }
	.col-xs-13 { flex: 0 0 54.16667%; max-width: 54.16667%; }
	.col-xs-14 { flex: 0 0 58.33333%; max-width: 58.33333%; }
	.col-xs-15 { flex: 0 0 62.5%; max-width: 62.5%; }
	.col-xs-16 { flex: 0 0 66.66667%; max-width: 66.66667%; }
	.col-xs-17 { flex: 0 0 70.83333%; max-width: 70.83333%; }
	.col-xs-18 { flex: 0 0 75%; max-width: 75%; }
	.col-xs-19 { flex: 0 0 79.16667%; max-width: 79.16667%; }
	.col-xs-20 { flex: 0 0 83.33333%; max-width: 83.33333%; }
	.col-xs-21 { flex: 0 0 87.5%; max-width: 87.5%; }
	.col-xs-22 { flex: 0 0 91.66667%; max-width: 91.66667%; }
	.col-xs-23 { flex: 0 0 95.83333%; max-width: 95.83333%; }
	.col-xs-24 { flex: 0 0 100%; max-width: 100%; }
}

/* 偏移量 */
.col-offset-1 { margin-left: 4.16667%; }
.col-offset-2 { margin-left: 8.33333%; }
.col-offset-3 { margin-left: 12.5%; }
.col-offset-4 { margin-left: 16.66667%; }
.col-offset-5 { margin-left: 20.83333%; }
.col-offset-6 { margin-left: 25%; }
.col-offset-7 { margin-left: 29.16667%; }
.col-offset-8 { margin-left: 33.33333%; }
.col-offset-9 { margin-left: 37.5%; }
.col-offset-10 { margin-left: 41.66667%; }
.col-offset-11 { margin-left: 45.83333%; }
.col-offset-12 { margin-left: 50%; }
.col-offset-13 { margin-left: 54.16667%; }
.col-offset-14 { margin-left: 58.33333%; }
.col-offset-15 { margin-left: 62.5%; }
.col-offset-16 { margin-left: 66.66667%; }
.col-offset-17 { margin-left: 70.83333%; }
.col-offset-18 { margin-left: 75%; }
.col-offset-19 { margin-left: 79.16667%; }
.col-offset-20 { margin-left: 83.33333%; }
.col-offset-21 { margin-left: 87.5%; }
.col-offset-22 { margin-left: 91.66667%; }
.col-offset-23 { margin-left: 95.83333%; }

/* 对齐方式 */
.row.justify-start { justify-content: flex-start; }
.row.justify-center { justify-content: center; }
.row.justify-end { justify-content: flex-end; }
.row.justify-around { justify-content: space-around; }
.row.justify-between { justify-content: space-between; }

.row.align-top { align-items: flex-start; }
.row.align-middle { align-items: center; }
.row.align-bottom { align-items: flex-end; }

/* 间距 */
.row.gutter-0 { margin: 0; }
.row.gutter-0 [class*="col-"] { padding: 0; }

.row.gutter-8 { margin: 0 -4px; }
.row.gutter-8 [class*="col-"] { padding: 0 4px; }

.row.gutter-16 { margin: 0 -8px; }
.row.gutter-16 [class*="col-"] { padding: 0 8px; }

.row.gutter-24 { margin: 0 -12px; }
.row.gutter-24 [class*="col-"] { padding: 0 12px; }

.row.gutter-32 { margin: 0 -16px; }
.row.gutter-32 [class*="col-"] { padding: 0 16px; }
.container{
    width: 80%; 
    max-width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}
.slipe-box{
    width: 100%;
}
.slipe-box img{width: 100%;}

.mb-50{
    margin-bottom: 50px;
}
.mb-30{
    margin-bottom: 30px;
}
.mb-20{
    margin-bottom: 20px;
}
.mb-10{
    margin-bottom: 10px;
}
.mb-5{
    margin-bottom: 5px;
}
.mb-0{
    margin-bottom: 0;
}

.mt-50{
    margin-top: 50px;
}
.mt-30{
    margin-top: 30px;
}

.mt-20{
    margin-top: 20px;
}
.mt-10{
    margin-top: 10px;
}

.mt-5{
    margin-top: 5px;
}
.mt-0{
    margin-top: 0;
}

@media (min-width: 1400px){
	.container{ 
        width: 88%; 
        max-width: 100%;
    } 
}
@media (min-width: 2000px){
	.container{        
         width: 1600px !important;
         max-width: 1600px !important;
    } 
}
@media (min-width: 1600px){
	.container{ 
        width: 72%;
        max-width: 1420px;
    } 
}

@media (max-width: 1000px){
	.container{ 
        width: 95%; 
        max-width: 100%;
    } 
} 
@media (max-width: 768px){
	.container{ 
        width: 100%; 
        max-width: 100%;
        padding: 0 10px;
    } 
}