@charset "UTF-8";


body{
    position:relative;

}


.header:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  display: inline-block;
  width: 98%;
  height: 1px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #b2b2b2;
}

.main-container{
  width: 100%;
  padding: 0px 40px 100px;
  overflow:hidden;
}

@media screen and (max-width : 640px) {
.main-container{
  position:relative;
  width: 100%;
  padding: 0 20px 100px;
  overflow:hidden;
}
}

footer{
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
}

.article-container{
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    /* position:relative; */
}

.article-container .main-title{
    font-size: 2.6rem;
    font-weight: 500;
    text-align: center;
    position:relative;
    margin:50px 0 50px;
}

.article-container  .main-title:before{
  content: '';
  position: absolute;
  left: 50%;
  bottom: -15px;
  display: inline-block;
  width: 40px;
  height: 3px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #1e3188;
}

.article-container .inner{
      width: 88%;
      display:flex;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items:stretch;
      flex-wrap: wrap;
      margin: 0 auto 20px;
 }

.article-container .inner:nth-child(3){
    border-top: 1px solid #e2e1e1;
    padding:40px 0 0;
 }

.article-container .inner .left{
    width: 18%;
    float:left;
    margin: 0 4% 0 0;
    padding:14px 0 0;
}

.article-container .inner .center{
    width: 17%;
    /* float:left; */
    margin: 0 4% 0 0;
    padding:15px 0 0;
    text-align:center;
}

.article-container .inner .right2{
    width: 46%;
    float:left;
    margin: 0 0 50px 0;
}

.article-container .inner .left .left-address{
     line-height:1.6;
}


.article-container .inner .left .title{
   font-size: 1.4rem;
   line-height:1;
   font-weight: 500;
   margin:0 4 0 0;
   width: 180px;
   text-align: center;
   padding: 5px 0 6px;
   color: #fff;
   background-color: #1e3188;
 }

.article-container .inner .left img{
    width: 70%;
    margin: 0 0 20px;
}



.article-container .inner .left .left-address .name{
     font-weight:600;
    margin:0 0 10px;
}

.article-container .inner .right {
   width: 100%;
   display:flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items:stretch;
    flex-wrap: wrap;
    margin: 0 0 20px;
}

.article-container .inner .right .title{
   font-size: 1.4rem;
   line-height:1;
    font-weight: 500;
    margin:0 0 40px;
    width: 180px;
    text-align: center;
    padding: 5px 0 6px;
    color: #fff;
    background-color: #00c7cf;
}



.medelu{
   width: 80%;
   margin:0 auto;
}

.article-container .inner .right .inner2{
   width: 100%;
   display:flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items:stretch;
    flex-wrap: wrap;
    margin: 0 0 20px;
}
.article-container .inner .right .logo{
   width: 30%;
  text-align:center;
}

.article-container .inner .right .logo .ikap{
   width: 80%;
   margin:15px auto 0;

}


.article-container .inner .right .inner2 .adress{
   width: 70%;
   line-height:1.6;
   /* position: absolute; */
   /* top:0; */
   /* right:0; */
}
.name{
  font-weight:600;
   margin:0;
}


.green{
    background-color:#00c7cf!important;
}

.score{
    /* padding-top: 10px */
}


@media screen and (max-width :768px) {

  
.article-container .inner{
      width: 100%;
      display:flex;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items:stretch;
      flex-wrap: wrap;
      margin: 0 auto 20px;
 }
 .article-container .inner .left .title{
   font-size: 1.4rem;
   line-height:1;
   font-weight: 500;
   margin:0 4 0 0;
   width: 130px;
   text-align: center;
   padding: 5px 0 6px;
   color: #fff;
   background-color: #1e3188;
 }
 .article-container .inner .right2{
    width: 55%;

}
}

@media screen and (max-width : 640px) {
.article-container .inner .left{
    width: 100%;
    float:left;
    margin: 0 0 0 0;
    padding:14px 0 0;
    text-align:center;
}
 .article-container .inner .left .title{
   font-size: 1.4rem;
   line-height:1;
   font-weight: 500;
   margin:0 auto 40px;
   width: 130px;
   text-align: center;
   padding: 5px 0 6px;
   color: #fff;
   background-color: #1e3188;
 }
.article-container .inner .center{
    width: 80%;
    /* float:left; */
    margin: 0  auto 20px;
    padding:0;
    text-align:center;
}
 .article-container .inner .right2{
    width: 100%;
    line-height:1.6;
    margin: 0 0 30px 0;

}
.name{
  font-weight:600;
   margin:0 0 10px;
}
.medelu{
   width: 60%;
   margin:0 auto;
}

.ikap{
     width: 80%;
   margin:0 auto;
}

}