@charset "utf-8";

#banner{width:100%; height: 470px; background: #fafafa no-repeat center/cover;}
#banner .wrap{position: relative; top: 38.2%; font-size: 2.6rem; color: #2b2b2b;}
#banner .wrap>i{content: ''; display: block; width: 4px; height: 6rem; background: #2e7eef; left: 0; top: 4px; position: absolute;}
#banner .wrap>span{display: inline-block; padding-left: 25px; width: 50%; line-height: 1.3;}

#space{height: 100px;}

@media (max-width:1279px){ /*mp*/
  #banner{display: none;}
  #mp-head{background: #1f53be; height: 80px;}
  #space{height: 120px;}
}


/* 栏目菜单 */
#child{background: none; padding: 0; position: relative; top: -40px;}
#child .wrap>a{width: 25%;}

@media (max-width:1279px){ /*mp*/
  #child .wrap{height: 48px;}
  #child .wrap>a{line-height: 47px; font-size: 1.3rem;}
  #child .wrap>a::after{height: 1.3rem; top: 17px;}
}


/* 证书 */
#certificate{padding: 110px 0 150px 0; background: #f6f7fb; margin-top: -80px;}
#certificate .wrap>.tit{color: #2b2b2b; font-size: 3.2rem; font-family: 'Montserrat';}
#certificate .wrap>.desc{color: #2b2b2b; font-size: 1.6rem; font-family: 'Muli'; margin-top: 20px; line-height: 1.8;}

#certificate .list{margin-top: 60px; display: flex; flex-wrap: wrap; border-left: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6;}
#certificate .list a{display: block; width: 25%; box-sizing: border-box; height: 0; padding-bottom: 25%; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; overflow: hidden; position: relative; transition: all .3s;}
#certificate .list a:hover{background: #fff;}
#certificate .list a .img{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: no-repeat center/contain; transition: all .27s; background-origin: content-box; padding: 25px; box-sizing: border-box;}
#certificate .list a:hover .img{padding: 0;}
#certificate .list a .tit{position: absolute; width: 100%; height: 45px; z-index: 1; bottom: 15px; left: 0; right: 0; margin: auto; text-align: center; transition: all .25s;}
#certificate .list a:hover .tit{bottom: 0;}
#certificate .list a .tit>span{max-width: 100%; box-sizing: border-box; height: 45px;  background: #1f53be; display: inline-block; padding: 0 20px; color: #fff; line-height: 45px; font-size: 1.6rem; transition: all .3s;}
#certificate .list a:hover .tit>span{background: #2e7eef;}

@media (max-width:1679px){ /*1440*/

}
@media (max-width:1439px){ /*1366*/
  #banner{height: 450px;}
  #banner .wrap{top: 36%;}

  #certificate .wrap>.tit{font-size: 3rem;}
  #certificate .wrap>.desc{font-size: 1.6rem;}
}
@media (max-width:1365px){ /*1280*/
  #certificate .wrap>.tit{font-size: 2.8rem;}
  #certificate .wrap>.desc{font-size: 1.5rem;}
  #certificate .list a .tit{height: 43px;}
  #certificate .list a .tit>span{font-size: 1.4rem; height: 43px; line-height: 43px;}
}
@media (max-width:1279px){ /*MP*/
  #space{height: 80px;}

  #certificate{padding: 110px 15px 100px 15px;}
  #certificate .wrap>.tit{font-size: 2.4rem;}

  #certificate .list{margin-top: 40px;}
  #certificate .list a{width: 50%; padding-bottom: 50%;}
}