.main-content{
    padding: 20px 0 80px;
}
.main-content .container {
max-width: 1130px;
}
.ui-widget.ui-widget-content {
border: 0px solid #c5c5c5 !important;
background: transparent !important;
}
.ui-widget-header {
background: transparent !important;
border: 0px solid #dddddd !important;
border-bottom: 1px solid #acacac !important;
}
.ui-tabs .ui-tabs-nav {
display: flex;
justify-content: center;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
border: 1px solid #E40011 !important;
background: #E40011 !important;
font-weight: normal;
color: #ffffff;
}
.ui-tabs .ui-tabs-panel {
padding: 0 !important;
padding-top: 20px !important;
}
.business-box .b-1{
margin-bottom: 40px;
}
.business-box .top-title{
text-align: center;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 40px;
flex-wrap: wrap;
}
.business-box .t-1{
display: inline-block;
font-size: 28px;
margin: 0;
line-height: 40px;
color: #222;
margin-top: 5px;
}
.business-box .p-1{
font-size: 18px;
font-weight: bold;
text-align: center;
color: #222;
line-height: 28px;
}
.business-box .logo-size-2{
width: 100px;
position: relative;
top: -3px;
}
.business-box .t-2{
max-width: 600px;
margin-left: auto;
margin-right: auto;
color: #E40011;
margin-bottom: 5px;
}
.business-box .business-list{
max-width: 600px;
margin-left: auto;
margin-right: auto;
color: #222;
padding-left: 0;
margin-top: 0;
}
.business-box .business-list li{
list-style: none;
padding: 0 0 0 27px;
background: url(../images/check-mark.png) left 4px no-repeat;
margin-bottom: 7px;
font-size: 15px;
text-indent: 0;
}
.business-box .business-list li:before{
display: none;
}
.business-box .info-list{
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.business-box .box{
width: calc( (100% - 60px ) / 3);
border-radius: 7px;
background: #fff;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 20px;
box-sizing: border-box;
padding: 15px 15px;
box-shadow: 5px 5px 6px 3px #0000000a;
}
.business-box .box .row{
display: flex;
}
.business-box .box .col:nth-child(1){
width: 50%;
padding-right: 5px;
}
.business-box .box .col:nth-child(2){
width: 50%;
padding-left: 5px;
}
.business-box .box .name{
font-size: 20px;
font-weight: bold;
color: #000;
margin-bottom: 5px;
}
.business-box .box .description{
font-size: 15px;
line-height: 22px;
}
.business-box .box .description .color-1{
color: #E40011;
display: block;
margin-top: 5px;
font-size: 14px;
}
.business-box .box .logo-size-3 {
width: 90px;
display: block;
}
.slider-content{
display: flex;
margin-top: 20px;
margin-bottom: 40px;
flex-wrap: wrap;
}
.slider-content .col{
width: calc( (100% - 100px ) / 5);
margin-left: 10px;
margin-right: 10px;
margin-bottom: 30px;
}
.slider img{
border-radius: 10px;
}
.slider .slick-prev,
.slider .slick-next {
text-indent: -99999px;
text-align: left;
white-space: nowrap;
overflow: hidden;
border: 0;
background: url(../images/index/banner_arrow.png) no-repeat;
width: 80px;
height: 160px;
position: absolute;
z-index: 200;
top: 50%;
margin-top: -80px;
transform: scale(0.5);
}
.slider .slick-prev { background-position:    0 0; left: -5%; }
.slider .slick-next { background-position: 100% 0; right: -5%; }
.slider .slick-prev:hover { background-position:    0 100%; }
.slider .slick-next:hover { background-position: 100% 100%; }
.slider-title{
font-size: 18px;
font-weight: bold;
margin-bottom: 5px;
text-align: center;
color: #333;
}
.thumbnails {
margin-top: 10px;
}
.thumbnails > ul > li{
display: flex;
justify-content: space-between;
width: 100%;
margin-bottom: 5px;
}
.thumbnails > ul > li.active .download-title{
color: #E40011;
}
.thumbnails .download-title{
color: #333;
transition: all .3s ease;
width: calc(100% - 53px);
}
.thumbnails .download{
background: #747474;
color: #FFF;
border-radius: 3px;
font-size: 14px;
min-width: 47px;
height: 25px;
text-align: center;
line-height: 25px;
transition: all .3s ease;
white-space: nowrap;
}
.thumbnails .download:hover{
background: #e40011;
}
.business-box .bottom-title{
display: flex;
justify-content: center;
align-items: center;
}
.business-box .bottom-title span{
font-size: 20px;
margin-left: 20px;
margin-right: 20px;
color: #000;
}
.business-box .logo-size-5{
width: 200px;
}
.business-box .t-3{
font-size: 18px;
font-weight: bold;
text-align: center;
color: #222;
line-height: 28px;
}
.business-box  .flex-table{
border: 1px solid #DDDDDD;
}
.business-box  .flex-table .row{
display: flex;
background: #FFF;
}
.business-box  .flex-table .row + .row{
border-top: 1px solid #DDDDDD;
}
.business-box  .flex-table .col + .col{
border-left: 1px solid #DDDDDD;
}
.business-box  .flex-table .row:nth-child(2n+1){
background: #eee;
}
.business-box  .flex-table .row.first{
background: #E40011;
color: #FFF;
font-size: 19px;
font-weight: bold;
}
.business-box  .flex-table .col{
width: 25%;
padding: 10px 20px;
text-align: center;
line-height: 22px;
}
@media(max-width:1200px){
.business-box .box {
    width: calc( (100% - 40px ) / 2);
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    padding: 15px 15px;
}
.slider-content {
   flex-wrap: wrap;
   justify-content: center;
}
.slider-content .col {
    width: 200px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 30px;
}
}
@media(max-width:800px){
.table-scroll{
    width: 100%;
    overflow: scroll;
}
.business-box .flex-table {
    width: 800px;
}  
.business-box .bottom-title {
    flex-direction: column;
}
}
@media(max-width:767px){
.business-box .t-1 {
    font-size: 24px;
}
.business-box .top-title {
    margin-bottom: 20px;
}
.business-box .box {    
    background: #e7e7e7;
    box-shadow: unset;
}
.slider-content .col {
    background: #e7e7e7;
    padding-left: 20px;
    padding-right: 20px;
    width: calc(100% - 20px);
    padding-top:13px;
    padding-bottom: 10px;
    border-radius: 7px;
}
}
@media(max-width:500px){
.business-box .box {
    width: calc( (100% - 20px ) / 1);
}
}
@media(max-width:400px){
.business-box .box .row {
    flex-direction: column;
}
.business-box .box .col:nth-child(1){
    width: 100%;
    padding-right: 0;
    text-align: center;
    margin-bottom: 15px;
}
.business-box .box .col:nth-child(2){
    width: 100%;
    padding-left: 0;
    text-align: center;
}
.business-box .box .logo-size-3 {
    margin-left: auto;
    margin-right: auto;
}
}