@charset 'utf-8';
.vd-banner-s1-v .swiper-wrapper{margin-top:100px;}
.social-hope {
  padding:60px 0 20px;
}
.tit{text-align: center;}
.tit h2{
    line-height: 40px;
    font-size: 28px;
    font-weight: bold;
    color: #333333;
}
.tit h3{
    line-height: 40px;
    font-size: 24px;
    padding:5px 15px;
    font-weight: bold;
    color: #FFF;
    border: 1px solid #40AFFF;
    background-color: #40AFFF;
    border-radius:25px;
    display: inline-block;
}
.tit p{
    display: inline-block;
    position: relative;
    padding: 0 82px;
    line-height: 28px;
    font-size: 14px;
    color: #999999;
    text-transform: uppercase;
}
.social-page .fl{text-align:center;}
.social-page .fl img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    position: static;
}
.social-page h3{margin-bottom: 44px;}
.social-page .fr .social-publictit p{
    text-align:left;
}
.social-page .fr .social-publictit p img{
    width: 16px;
    height: 16px;
}

.edu-brain ul.clearfix{background-color:#C1D4EF;border-radius: 20px;}
.edu-brain .clearfix li{
    width:33.333333%;
    margin-right:0;
    padding: 0;
}
.edu-brain ul li .jcb{
    border-top-left-radius: 20px;
    height:114px;
    background-image: linear-gradient(150deg, #8BA7D2 0%, #DBEAFE 100%);
    font-size:30px;
    line-height: 114px;
    color:#fff;
}
.edu-brain ul li .jqb{
    height:114px;
    background-image: linear-gradient(150deg, #F59224 0%, #F1D09D 100%);
    font-size:30px;
    line-height: 114px;
    color:#fff;
}
.edu-brain ul li .qjb{
    border-top-right-radius: 20px;
    height:114px;
    background-image: linear-gradient(150deg, #F56123 0%, #F1A29E 100%);
    font-size:30px;
    line-height: 114px;
    color:#fff;
}
.package-box{margin:0 5px 5px;padding:40px 21px 47px 29px;background-color:#fff;color:#333;}
.edu-brain .clearfix li:nth-child(1) .package-box{
    border-bottom-left-radius: 20px;
}
.edu-brain .clearfix li:nth-child(3) .package-box{
    border-bottom-right-radius: 20px;
}
.edu-brain .clearfix li:nth-child(1) .package-box:hover{
    box-shadow: 0 20px 40px 0 rgba(111,167,245,.5);
    border: 1px solid #91AFDD;
}
.edu-brain .clearfix li:nth-child(2) .package-box:hover{
    box-shadow: 0 20px 40px 0 rgba(255,134,64,.3);
    border: 1px solid #FFC46C;
}
.edu-brain .clearfix li:nth-child(3) .package-box:hover{
    box-shadow: 0 20px 40px 0 rgba(250,180,167,.5);
    border: 1px solid #F1A29E;
}
.edu-brain .clearfix li h4{
    height:110px;
    margin-top: 8px;
    line-height:32px;
    font-size: 16px;
    color: #333;
    font-weight: 500;
    text-align:left;
}
.package-box p{text-align:left;}
.cy{
    margin-left:8px;
    color: #f68b1e;
    font-weight: bold;
}
.cyb{
    color: #f68b1e;
    font-size: 36px;
}
.cym{
    margin-left:20px;
    display:inline-block;
    color: #0077c0;
}
.cym img{width:20px;}
.cycont{display:none;color:#444 !important;padding-top:15px;}
.cycont img{width:18px;display:inline !important;margin:0 !important;}
.social-publictit p {line-height: 42px;}
.service ul li{width:48%;margin: 0 1% 20px;border:1px solid #1E9FFF;box-sizing: border-box;}
.mt50{margin-top: 50px;}
.mb50{margin-bottom: 50px;}
.ctth{background: url(/themes/simpleboot3/public/assets/img/t1.jpg);background-size:100% 100%;}
.ctth2{background: url(/themes/simpleboot3/public/assets/img/t5.jpg);background-size:100% 100%;}
.uk-table {
  /*border-collapse: collapse;*/
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}
table tr:first-child th:first-child {border-top-left-radius:12px;}
table tr:first-child th:last-child {border-top-right-radius: 12px;}
table tr:last-child td:first-child {border-bottom-left-radius: 12px;}
table tr:last-child td:last-child {border-bottom-right-radius: 12px;}
.uk-table thead th {
    color: #fff;
    font-size:20px;
    font-weight: 600;
}
.uk-table th, .uk-table td {
    padding:30px 42px;
    border: 1px solid #000;
    vertical-align: middle;
}
.uk-table tbody tr td:nth-child(1){
    color:#8F8F8F;
}
.uk-table tr td:first-child{border-right-color: transparent;}
.uk-table tr td{border-top-color: transparent;}

div.public-str.cases{margin-top:10px;}
div.idx-development.casesm{padding-top:0;}
div.idx-development.casesm li{padding:10px 0 !important;width:19%;margin: 0 0.5% 20px !important;border: 1px solid #91AFDD;box-sizing: border-box;}
div.idx-development.casesm li img{margin-bottom:0 !important;width:100%;}
.mecp .fr h3{text-align: left;}
@media (max-width: 1550px){
    .social-module, .social-module2, .social-module3, .social-module4 {
      margin-bottom: 0;
      padding-top: 30px;
      padding-bottom: 25px;
    }
    .edu-brain {padding-top:0;padding-bottom:80px;}
    .edu-brain .fix-width .limit-wid{padding-top:30px;}
    .edu-brain .fix-width .limit-wid .edutechnology-tit{font-size:28px;}
    .edu-brain ul{margin-top:0;}
}
.fwpt .fix-width img{width:100%;}
.mplat{
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.mplat p{font-size:22px;font-weight:bold;line-height:44px;}
.mplat p:first-child{width:35%;text-align:right;color:#1E9FFF;}
.mplat p:last-child{width:65%;text-align:left;color:#555;}
.tplat{
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.tplat p.tplatimg{width:12.5%;text-align:center;}
.tplat p.tplatimg img{width:50%;}
@media screen and (max-width: 768px){
    .social-hope ul li{width:48%;padding: 30px 15px;}
    .mhide{display:none;}
    /*.mediv li:hover .t{verticle-align:middle;}*/
    .mediv li:hover i{
        display:none;
    }
    .mediv li:hover .t{
        display:none;
    }
    .mediv li:hover .mhide{
        display:block;
    }
    .mediv li:hover div{float: none;width:100%;height:100%;}
    .mediv li .t{
        display:grid;
        height:100%;
        align-items:center;
        justify-items:center;
    }
    .mediv li div{height:100%;}
}
@media screen and (max-width:640px) {
    .vd-banner-s1-v .swiper-wrapper{margin-top:80px;}
    .social-hope {padding:15px 0 10px;}
    .social-hope ul {margin-top:10px;}
    .social-page h3{margin-bottom: 14px;}
    .social-page .fl img{max-width:85%;}
    .social-page .margin-l10b {
      margin-left:8%;
    }
    .social-publictit p {line-height:32px;}
    .edu-brain .clearfix li{width:100%;border-radius: 20px;}
    .package-box {padding:20px 10px 17px 10px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;}
    .edu-brain ul li .jcb,.edu-brain ul li .jqb,.edu-brain ul li .qjb{border-top-left-radius: 20px;border-top-right-radius: 20px;}
    .service ul li{width:100%;}
    .uk-table th, .uk-table td {padding:10px 5px;}
    div.idx-development.casesm li{width:49% !important;}
    .mplat p:first-child,.mplat p:last-child{width:100%;text-align:left;font-size:18px;line-height:36px;}
    .mplat p:last-child{font-weight:normal;}
    .tplat p.tplatimg{width:25%;text-align:center;}
}