/* CSS Document */

@media (max-width:1199.98px){
  .wrap{
    width:90%;
  }
  /* 顶部 */
  .navbar-brand img{
    max-height: 60px;
  }
  .en{
    position: absolute;
    right: 0px;
    top: 22px;
  }
  .navbar-light .navbar-toggler{
    position: absolute;
    right: 10px;
    top: 17px;
  }
  .navbar-light .navbar-nav .nav-link{
    width:100%; border-bottom:1px solid #eee;
  }
  .active .dropdown-toggle::after{ 
    display: none;
  }
  .dropdown.active{
    /* background: #ddd; */
  }
  .navbar-nav .dropdown-menu{
    background: #eee;
  }
  /* banner */
  .banner{
    height:160px;
  }
  /* 二级菜单 */
  .subnav{
    height: 46px;
  }
  .subnav a{
    font-size: 16px;
    margin: 0 10px;
  }
  .padding60{
    padding:30px 0;
  }
  .content{
    font-size: 16px;
  }
  /* 底部 */
  footer{
    padding: 10px 0;
  }
  footer span{
    font-size: 14px;
  }
  /* 关于我们 */
  .about{
    flex-flow: column;
  }
  .about_l{
    padding:0;
    font-size: 16px;
  }
  .about_r{
    width:100%;
    padding-top:20px;
  }
  /* 时间轴 */
  .timeline{
    flex-flow: column;
  }
  .timeline::before{
    left:0;
  }
  .timeline .item{
    width:100%;
  }
  .timeline .item:nth-child(odd){
    align-items: flex-start;
    padding-top: 0;
  }
  .timeline .item:nth-child(odd) .time::before{
    border-right: 20px solid #36558b;
    border-left: none;
    right:auto;
    left: -20px;
  }
  .timeline .item:nth-child(odd) .time::after {
    right: auto;
    left: -48px;
  }

  /* 团队 */
  .team ul{
    width:100%;
  }
  .team ul li{
    width: 46%;
  }
  .team ul li i{
    width: 90%;
    height:auto;
  }
  .team ul li p{
    font-size: 22px;
  }
  .team ul li span{
    font-size: 16px;
  }
  .modal-dialog{
    max-width: 100%;
    min-width: 90%;
    margin-top: 40%;
  }
  .modal-img{
    margin-top: -100px;
    width: 180px;
    height: 180px;
  }
  .modal-body .title p{
    font-size: 20px;
  }
  .modal-body .title span{
    font-size: 14px;
  }
  .modal-header{
    padding-bottom: 0;
  }
  .modal-body{
    padding-top:0;
  }
  .modal-body .content {
    padding: 10px;
  }
  .team dl dt .name p,.team dl dt .name span{
    font-size: 24px;
  }
  .team dl dt .toggle{
    font-size: 20px;
  }
  .show_tit{
    font-size: 24px;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }
  .show_tit1{
    font-size:24px;
  }
  .show_time{
    padding:10px 0;
  }
  .service{
    flex-flow: column;
  }
  .service .left, .service .right{
    width:100%;
  }
  .service .left{
    padding: 20px;
  }
  /* 新闻 */
  .news1 dl{ padding-bottom:20px; display: block; }
  .news1 dl dt{ width: 25%; }
  .news1 dl dd{ width: 75%;height: 106px; overflow: hidden; }
  .news1 dl.news_top{ padding-bottom: 20px; display: block; }
  .news1 dl.news_top dt,.news1 dl.news_top dd{ width: 100%; clear: both;}
  .news1 dl.news_top dd i{ padding:0 0 10px 0; }
  .news1 dl.news_top dd h1{ font-size: 25px; }
  .news1 dl.news_top dd span{ height: 140px; overflow: hidden; padding:0; margin: 15px 0; }
  /* 招聘 */
  .join dl dd{
    padding:20px;
  }
  .join dl dt p.j1{
    padding-left:20px;
  }
  .join dl dt em,.join dl dt i{
    margin-right: 20px;
  }
  /* 首页 */
  .con1{margin-top:20px; height:auto;}
  .con1 dt{ width:100%; clear:both;border-right:1px solid #c9d7e3;padding: 20px;}
  .con1 dt h1 {font-size: 28px;}
  .con1 dt span{ margin:10px 0 15px 0; line-height:180%;}
  .con1 dd{ width:100%; clear:both;}
  .con2,.con3,.con4{margin-top:20px;margin-bottom:20px;}
  .con2 li,.con3 ul li{ width:100%;margin-right:0;}
  .ctit p{ font-size:26px;}
  .ctit span{ font-size:16px;}
  .ctit a{ font-size:14px; padding-top:12px;}
  .con3 ul li{ padding-bottom:15px;}
  .con4 dl{ width:100%; clear:both;    margin-top: 15px; height:95px; overflow:hidden;}
  .con4 dl dd{ width:70%; margin-left:0; float:right;}
  .con4 dl dd p{ padding:0;}
  .con4 dl dd span{ line-height:160%;}
}


@media (max-width:575.98px){

  .team ul li{
    width: 100%;
  }
  /* 联系我们 */
  .cont1{ padding:30px 0;}
  .cont1 ul li{ width:95%; margin:20px auto; float:none; clear:both;}
  .cont1 ul li h1{ padding:10px 0; font-size:18px;}
  .cont1 ul li p{ font-size:14px; width:90%; margin:auto;}
}
@media (min-width:576px) and (max-width:767.98px){

}
@media (min-width:768px) and (max-width:991.98px){

}
@media (min-width:992px) and (max-width:1199.98px){
}