/* swiper */

.swiper-container {
  display  : none;
  width    : 100%;
  padding-top: 50px !important;
  height   : auto;
  overflow : hidden;
}

.swiper-slide {
  text-align              : center;
  display                 : -webkit-box;
  display                 : -ms-flexbox;
  display                 : -webkit-flex;
  display                 : flex;
  -webkit-box-pack        : center;
  -ms-flex-pack           : center;
  -webkit-justify-content : center;
  justify-content         : center;
  -webkit-box-align       : center;
  -ms-flex-align          : center;
  -webkit-align-items     : center;
  align-items             : center;
}

.swiper-slide img {
  width  : 100%;
  height : 100%;
}

.swiper-pagination-bullet {
  width      : 16px;
  height     : 16px;
  background : rgb(136, 178, 196);
  opacity    : 1;
}

.swiper-pagination-bullet-active {
  background : #007aff;
}

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

}

@media screen and (min-width : 1200px) {
  .pc {
    display : block !important;
    margin-top : 0 !important;
  }
  .mobile {
    display : none !important;
    margin-top : -600px !important;
  }
}

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

  .pc {
    display : block !important;
  }

  .mobile {
    display : none !important;
  }

  .top-nav .logo-home {
    /*display : block !important;*/
  }

  .top-nav .logo-page {
    /*display : none !important;*/
  }

  .menu-tips {
    /*display : none !important;*/
  }

  /* header */
  .welcomed .top-nav {
    background-color : rgba(0, 0, 0, 0);
  }

  .c-wrap {
    width : 100%;
  }

  body,
  .top-nav,
  .c-page .top-nav {
    min-width : 100%;
  }

  .top-nav .qp {
    display : none;
  }

  .top-nav .logo {
    float      : none;
    display    : block;
    margin     : 0 auto;
    text-align : center;
  }

  .top-nav .nav-list {
    float : none;
  }

  .fixed-nav .logo {
    display : none;
  }

  .logo.logo-page {
    display : none;
  }

  .fixed-nav .nav-list {
    height     : 100%;
    background : rgba(79, 168, 205, 0.6);
  }

  .top-nav .nav-list .nav-label {
    display : none;
  }

  .c-page .top-nav .nav-list li {
    background : none;
  }

  .top-nav .nav-list li {
    width       : 20%;
    line-height : 56px;
    background  : rgba(79, 168, 205, 0.6);
  }

  .top-nav .nav-list a {
    padding : 0;
  }

  .c-header .page-top {
    width : 100%;
  }

  .c-header .page-title img {
    max-width : 80%;
  }

  /* footer */
  .inner {
    width : 100%;
  }

  .footer p {
    padding : 0 20px;
  }

  .footer .beian2 {
    width : 20px;
  }

  /* index */
  .about-us-env-pc {
    /*display : none !important;*/
  }

  .about-content {
    width : 100%;
  }

  .about-content > .about-cont {
    width      : 50%;
    float      : left;
    box-sizing : border-box;
  }

  .about-content > .about-image {
    width      : 50%;
    float      : right;
    margin-top : 60px;
  }

  .about-us {
    background-position : left center;
  }

  .about-us .about-cont {
    position : unset;
    /*width    : 80%;*/
    margin   : 50px auto;
    border   : none;
  }

  .platform {
    height : auto;
  }

  .platform .platform-list {
    /* padding-bottom: 100px; */
  }

  .platform .platform-list li {
    float  : none;
    margin : 0 auto 30px;
  }

  .platform .platform-list li.platform-1 {
    float : none;
  }

  .culture {
    height : auto;
  }

  .culture .culture-cont {
    width  : 80%;
    margin : 0 auto;
  }

  .culture .culture-li {
    width  : 50%;
    margin : 0 auto 20px;
  }

  .culture .culture-li p {
    width  : 60%;
    margin : 0 auto;
  }

  .culture-title span {
    font-size : 20px;
  }

  .branch {
    height : auto;
  }

  .branch-cont {
    float  : none;
    width  : 655px;
    height : auto;
    margin : 0 auto;
  }

  .branch-img {
    float      : none;
    text-align : center;
    margin     : 20px auto;
  }

  .branch-img li {
    float   : none;
    display : inline-block;
  }

  .team {
    width            : 100%;
    height           : 100%;
    background-color : #60aef8;
  }

  .team-list {
    width  : 915px;
    margin : 0 auto;
  }

  .team-list li:nth-child(4n+1) {
    margin-left : 20px;
  }

  /* news */
  .page-news .news-list li {
    height : auto;
  }

  .page-news .news-date {
    display : none;
  }

  .page-news .news-img {
    float  : none;
    margin : 0 auto;
  }

  .page-news .news-txt {
    width      : 100%;
    float      : none;
    text-align : center;
    overflow   : hidden;
  }

  .page-news .news-txt .news-mid {
    height : auto;
  }

  /* products */
  .c-content .page-sub-title {
    padding   : 0 22px;
    font-size : 24px;
  }

  .products-list li {
    float  : none;
    margin : 0 auto 20px;
  }

  .products-list li:nth-child(even) {
    margin : 0 auto 20px;
  }

  /* details */
  .page-article .c-content {
    min-height : auto;
  }

  .page-article .back-to-news {
    top : 30px;
  }

  .page-article .article img {
    max-width : 100%;
  }
}

@media screen and (max-width : 960px) {
  .about-us {
    background-position : left center;
  }

  .about-us .about-cont {
    position : unset;
    width    : 80%;
    margin   : 50px auto;
    border   : none;
    float    : none;
  }

  .about-us .about-image {
    display : none !important;
  }

  .business-cont {
    width  : 100%;
    height : auto;
  }

  .business-cont .bus-gl,
  .business-cont .bus-gw {
    float          : none;
    width          : 100%;
    padding-bottom : 30px;
  }

  .team-list {
    width : 610px;
  }
}

@media screen and (max-width : 780px) {
  .culture .culture-li p {
    width     : 100%;
    font-size : 16px;
  }

  .map .map-img {
    width : 100%;
  }

  .map .map-tip em {
    font-size       : 16px;
    background-size : contain;
  }
}

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

  .platform .platform-tip {
    width           : 224.5px;
    height          : 224.5px;
    margin          : 0 auto;
    text-align      : center;
    background      : url(../images/platform_tip.png) no-repeat center;
    background-size : 100%;
  }

  .platform .platform-info {

    width           : calc(100% - 10px);;
    /*height: 480px;*/
    /* background: url(../images/platform_info.png) no-repeat center; */
    background      : url(https://res.aidalan.com/newDalan/home/images/platform_info.png) no-repeat center;
    background-size : 100%;
    position        : absolute;
    left            : 50%;
    transform       : translateX(-50%);
    bottom          : 40px;
  }

  .active .branch-img {
    display : none;
  }

  .branch-cont {
    /*width         : 80%;*/
    margin-bottom : 40px;
  }
}

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

  .branch-cont-pc {
    display : none !important;
  }

  .branch-cont-mobile {
    display : block !important;
  }

  .branch-cont {
    width      : 100% !important;
    margin     : 0 auto !important;
    box-sizing : border-box;
  }

  .cent-line {
    height : 0 !important;
  }

  .culture .culture-cont {
    /*padding-top: 200px !important;*/
  }

  .dev-history .bd {
    display : none !important;
  }

  .dev-history .enterprise-honor {
    display : block !important;
  }

  .development {
    /*height         : ;*/
    padding-bottom : 20px;
    box-sizing     : border-box;
  }

  .development-title {
    font-size : 30px;
  }

  .development-title span {
    font-size : 18px;
  }

  .dev-history {
    margin-top : 0 !important;
  }

  .about-us {
    padding-bottom : 0 !important;
  }

  .about-us .about-cont p {
    text-indent : 0 !important;
  }

  .platform .platform-info {
    -webkit-background-size : 100% 100%;
    background-size         : 100% 100%;
  }

  .platform .platform-info .platform-text .platform-text-title {
    font-size     : 14px;
    font-weight   : bold;
    color         : rgba(21, 88, 150, 1);
    text-align    : center;
    margin-bottom : 14px;
    line-height   : 8px;
  }

  .platform .platform-list li {
    height : inherit;
  }

  .platform-list {
    position : relative;
    height   : 360px;
    width    : calc(100% - 40px);
    /*width    : 296px;*/
    /*border   : 1px solid #ccc;*/
    margin   : 0 auto;
  }

  .platform-title {
    color     : #155896;
    font-size : 30px;
    padding   : 20px 0 10px;
  }

  .platform-title span {
    color     : #155896;
    font-size : 18px;
  }

  .platform-title span::before,
  .platform-title span::after {
    border-bottom : 1px solid #155896;
    width         : 30px;
  }


  .about-us-env-pc {
    display : none;
  }

  .about-us-env-mobile {
    display : block !important;
    margin  : 12px 0;
  }

  .pc {
    display : none !important;
  }

  .mobile {
    display : block !important;
  }

  /*内容区*/
  .about-title {
    font-size  : 30px;
    text-align : center;
  }

  .about-title span {
    font-size   : 18px;
    line-height : 18px;
  }

  .about-title span::before,
  .about-title span::after {
    width : 30px;
  }

  .about-cont {
    font-size   : 15px;
    font-weight : 400;
    font-family : Microsoft YaHei;;
    color       : rgba(21, 88, 150, 1);
    margin      : 0 auto !important;
    width       : 90% !important;
  }

  .about-us-env {
    display  : block;
    position : static;
    /*top: 180px;*/
    /*right: -160px;*/
    /*width: 650px;*/
    width    : 100%;
  }

  .top-nav .menu-tips {
    display : block !important;
  }

  .top-nav {
    height      : 50px;
    line-height : 50px;
  }

  .top-nav .logo-page {
    margin-left : 0;
  }

  .top-nav .nav-list li {
    width         : 100%;
    height        : 50px;
    background    : #fff;
    border-radius : 10px;
    margin-bottom : 5px;
  }

  .top-nav .nav-list li a {
    font-size   : 18px;
    /*font-family : Microsoft YaHei;*/
    font-weight : 400;
    color       : rgba(25, 42, 76, 1);
    line-height : 50px;
  }

  .top-nav .nav-list li a:active {
    background : #8DDAF2;
  }

  .top-nav .nav-list li:last-child {
    margin-bottom : 0;
  }

  .top-nav .logo-home {
    display : none;
  }

  .top-nav .logo-page {
    position    : relative;
    display     : block;
    width       : 100%;
    height      : 50px;
    line-height : 50px;
    text-align  : left;
    background  : #53687F;
  }

  .top-nav .logo-page img {
    width       : 70px;
    height      : 26px;
    margin-left : 14px;
  }

  .slider-container {
    display : none;
  }

  .swiper-container {
    display : block;
  }

  .branch-cont {
    /*width : 80%;*/
  }

  .team-list {
    width : 305px;
  }

  .page-article .article-t h1 {
    font-size : 16px;
  }

  .page-article .article-c p {
    font-size : 14px;
  }

}

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

  .team-list li a .bg-font {
    height      : 24px !important;
    line-height : 24px !important;
  }

  .team-list {
    width           : calc(100% - 90px) !important;
    margin          : 0 auto !important;
    /*margin-left     : 0 !important;*/
    display         : flex;
    justify-content : flex-start;
    flex-wrap       : wrap;
  }

  .team-list li {
    /*width : 130px !important;*/
    width         : 46% !important;
    height        : 130px !important;
    margin-left   : 6px !important;
    margin-bottom : 10px !important;
  }

  .team-list li:nth-child(2n) {
    margin-right : 0;
  }

  .team-list li a {
    width  : 100%;
    height : auto !important;
  }

  .team-list li a img {
    width  : calc(100% + 10px);
    height : auto;
  }

  .branch-detail {
    line-height : 16px !important;
  }

  .branch-detail p {
    margin-bottom : 6px;
  }

  /* .branch-detail p > span > span {
    font-size   : 8.5px;
    color       : rgba(239, 76, 49, 1);
    font-weight : bold;
    line-height : 9px;
  }

  .branch-detail p > span {
    font-size   : 8px;
    color       : rgba(68, 68, 68, 1);
    line-height : 8px;
  } */

  .branch-cont {
    border : none !important;
  }

  .branch {
    padding         : 0 10px !important;
    box-sizing      : border-box;
    background-size : 100% 100% !important;
    /*margin-bottom : 22px;*/
  }

  .branch-cont-mobile {
    padding : 0;
    /*width   : calc(100% - 80px);*/
    margin  : 0 auto;
  }

  .branch .branch-list {
    width           : 100%;
    display         : flex;
    justify-content : space-between;
  }

  .branch .branch-list li {
    font-size   : 11.5px;
    /*float       : left;*/
    padding     : 0 5px;
    color       : rgba(243, 82, 3, 1);
    font-weight : bold;
  }

  .branch-detail {
    width      : 100%;
    box-sizing : border-box;
    padding    : 22px;
    border     : 1px solid #fff;
    margin     : 22px 0;
  }

  .branch-images {
    width  : 100%;
    margin : 0 auto;
  }

  .branch-images ul {
    width           : 100%;
    display         : flex;
    justify-content : space-between;
    margin-bottom   : 4px;
  }

  .branch-images ul li {
    box-sizing : border-box;
    /*padding    : 0 3px;*/
    /*float      : left;*/
    width      : 33%;
    /*height     : 116px;*/
    overflow   : hidden;
  }

  .branch-images ul li:nth-child(3n) {
    padding-left  : 3px !important;
    padding-right : 0px !important;
  }

  .branch-images ul li img {
    width : 100%;
  }

  .branch-title {
    font-size : 30px !important;
  }

  .branch-title span {
    font-size : 18px !important;
  }

  .platform .platform-info {
    /*height          : 320px !important;*/
    height          : 260px !important;
    background-size : 100% 100% !important;
    /*bottom          : -240px !important;*/
    bottom          : -196px !important;
  }

  .platform {
    -webkit-background-size : 100% 100%;
    background-size         : 100% 100%;
    /*padding-bottom          : 20px;*/
    height                  : 440px;
  }

  .platform .platform-list li {
    width  : 100% !important;
    margin : 0 auto !important;
    /*height : auto !important;*/
  }

  .platform .platform-tip {

  }

  /*.platform .platform-tip-mobile img {*/
  /*  width   : 70px;*/
  /*  height  : 26px;*/
  /*  padding : 0;*/
  /*}*/
  /*.platform .platform-tip-mobile {*/
  /*  margin          : 0 auto;*/
  /*  width           : 105px;*/
  /*  height          : 105px;*/
  /*  display         : flex;*/
  /*  justify-content : center;*/
  /*  align-items     : center;*/
  /*}*/
  .platform .platform-info {
    /*width           : 710px;*/
    /*height          : 480px;*/
    /*background      : url(../images/platform_info.png) no-repeat center;*/
    /*background-size : 100%;*/
    /*position        : absolute;*/
    /*left            : 0px;*/
    /*bottom          : 0px;*/

    width           : calc(100%);
    height          : 280px;
    /*background      : url(../images/platform_info.png) no-repeat center;*/
    background-size : 100%;
    position        : absolute;
    /*left            : 0px;*/
    bottom          : -310px;
  }

  .platform .platform-text {
    padding     : 0 20px;
    font-size   : 12px;
    margin-top  : 84px;
    line-height : normal;
    color       : rgba(21, 88, 150, 1);
    /*border     : 1px solid #f00;*/
  }

  .platform-text-title {
    font-size   : 8px;
    color       : rgba(21, 88, 150, 1);
    font-weight : bold;
  }
}

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

  .culture-title {
    font-size : 30px !important;
  }

  .culture-title span {
    font-size : 18px !important;
  }

  .platform .platform-tip {
    width           : 105px;
    height          : 105px;
    /* margin: 0 auto; */
    text-align      : center;
    background      : url(../images/platform_tip.png) no-repeat center;
    background-size : 100%;
    /*margin : initial;*/
    display         : flex;
    justify-content : center;
    align-items     : center;
  }

  .platform .platform-tip-mobile {
    margin          : 0 auto;
    width           : 105px;
    height          : 105px;
    display         : flex;
    justify-content : center;
    align-items     : center;
  }

  .platform .platform-tip img {
    width   : 70px;
    height  : 26px;
    padding : 0;
  }

  .platform .platform-info .platform-text {
    font-size : 12px !important;
  }

  .platform .platform-info .platform-text p:nth-child(2) {
    margin-bottom : 10px;
  }

  .platform .platform-tip-mobile img {
    width   : 70px;
    height  : 26px;
    padding : 0;
  }

  .about-us-env-mobile {
    margin-bottom : 0px;
  }

  .about-us .about-cont {
    padding : 20px 0;
    height  : auto;
  }

  .platform .platform-summary {
    width : 86%;
  }

  .culture .culture-li {
    float         : left;
    width         : 50%;
    margin-bottom : 20px;
  }

  .culture .culture-li div p {
    font-size : 14px;
    /*font-size : 15px;*/
    /*line-height : 26px;*/
  }

  .culture .culture-li img {
    width  : 87px;
    height : 87px;
  }

  .products-list li {
    width : 100%;
  }

  .products-list .link-1 a,
  .products-list .link-1 img {
    width  : 100%;
    height : 60%;
  }

  .map .map-tip em {
    background : none;
    padding    : 0 20px;
  }
}

@media screen and (max-width : 380px) {
  .platform .platform-info {
    /*top : 210px;*/
  }
}