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

   .develop-top .develop-mes .year{font-size: 130px;line-height: 130px; margin-bottom: 35px;}


}



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


   .develop-top .develop-mes .year{font-size: 80px;line-height: 80px; margin-bottom: 25px;}

   .develop-year .year-list p{font-size: 20px;line-height: 20px;}

   .develop-year .swiper-button-prev, .develop-year .swiper-button-next {width: 48px;height: 48px; background-size: 20px; }

   .develop-top .develop-mes .year{padding-top: 10px;}

   /* .develop-top{padding-top: 20px;} */

   .develop-top .develop-mes .info p{padding-left: 20px;}

   .develop-top .develop-mes .info p em{top: 10px;width: 8px;height: 8px;}

   .develop-top .develop-mes .info{font-size: 18px;line-height: 28px;}

   .developRig{padding-bottom: 0;margin-right: 35px;}

   .developRig::after{right: -35px;bottom: -35px;}



  .history .content .top_wrap.on .top{width:1200px;}
  .history .content .top_wrap .top .swiper-slide span{margin-right:22px;}

  .wrap {
        width: 1200px;
  }

}


/*

* PadMode

*/
@media only screen and (max-width: 1366px) {
     /* 发展历程 */

    .history .content .top_wrap.on .top{width:940px;}

    .history .content .top_wrap.on{top:71px;}
}


/* 1366（普通14寸） */
@media only screen and (max-width: 1240px) {
   .history .content .top{padding:0 7%;}
   .history .content .top_wrap.on .top .swiper-slide span{margin-right:3px;}
}


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

   .develop-top .develop-mes .year{font-size: 70px;line-height: 70px; margin-bottom: 15px;}


   .develop-top .develop-mes .info{font-size: 16px;line-height: 26px;}

}





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

   .develop-top .develop-mes .year{font-size: 46px;line-height: 46px; margin-bottom: 20px;}

   .develop-top .develop-mes .info{font-size: 14px;line-height: 24px;}

  .wrap, .mwrap {
        padding-left: 4%;
        padding-right: 4%;
        width: auto;
    }
  
  /* 发展历程 */

  .history .content .top_wrap.on .top{position:static; width:auto;}

  .history .infor .tit{font-size:20px; line-height:24px;;}

  .history .infor .left{margin-right:0; margin-bottom:10px;}

  .history .infor .right{font-size:14px; line-height:24px;}

  .history .content .top_wrap.on{width:92%; top:63px;}

  .history .content .top{margin-bottom:20px;}

  .history .content .bott ul::before{display:none;}

  .history .content .bott li .left{width:100%; padding-top:0;}

  .history .content .bott li .right{width:100%; padding-top:25px; padding-left:0;}

  .history .content .bott li .right::before{display:none;}

  .history .content .bott li .right .c{padding-left:25px;}

  .history .content .bott li .right .time{font-size:20px; line-height:24px; margin-bottom:10px;}

  .history .content .bott li .right .c{font-size:14px;}

  .history .content .bott li .right .c p{margin-bottom:10px !important;}

  .history .content .bott li .right .c p::before{top:4px}

  .history .content .bott li.even .right{text-align:left;}

  .history .content .bott li.even .right .c p::before{left:-28px; right:inherit; top:4px;}

  .history .content .bott li{min-height:auto;}

  .history .content .top .swiper-slide{font-size:18px;}

  .history .content .top_wrap.on .top .swiper-slide span{margin-right:20px;}

  .history .content .top .swiper-slide span{width:58px; height:58px; line-height:58px; margin-top:10px;}

  .history .content .swiper-button-prev{width:34px; height:34px;}

  .history .content .swiper-button-next{width:34px; height:34px;}

  .history .content .top_wrap.on .top{padding:10px 8%;}

  .history .content .top_wrap .top .swiper-slide span{margin-right:27px;}

  .history .content .top_wrap.on{top:58px;}


  .history .content .bott .wrap{padding-left:4%; padding-right:4%; width:auto;}

    .history .content .bott li .left,

    .history .content .bott li .right,

    .history .content .bott li.even .left,

    .history .content .bott li.even .right,

    .history .content .bott li.odd .left,

    .history .content .bott li.odd .right{float:none;}

    .history .content .bott li.even,

    .history .content .bott li.odd{background:#fff;}

    .history .content .bott li.even .bg,

    .history .content .bott li.odd .bg{display:none;}

    .history .content .top_wrap .top .swiper-slide::before{width:70px; height:70px; border-radius:50%; top:50%; left:50%; transform:translate(-50%, -50%); background:#e6e6e6; }

    .history .content .top_wrap .top .swiper-slide{text-align:center;}

    .history .content .top_wrap .top .swiper-slide span{margin-right:0;}

    .history .content .top_wrap.on .top .swiper-slide span{margin-right:0;}


    .history .content .top_wrap.on{top:50px;}


    .history .content .top_wrap .top .swiper-slide::before{display:none;}

    .history .content .top .swiper-slide span{background:transparent; color:#555; overflow:visible;}

    .history .content .top .swiper-slide.cur span{background:transparent; color:#117ac6;}

    .history .content .top_wrap .top .swiper-slide:hover span{background:transparent; color:#555;}

    .history .content .top_wrap .top .swiper-slide:hover span{background:transparent; color:#117ac6;}

}


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

     /* 发展历程 */

  .history .infor{padding-bottom:30px;}

  .history .infor .left{margin-bottom:20px;}

  .history .content .bott li .right .time{font-size:30px; line-height:30px;}

  .history .content .top_wrap.on .top{width:760px;}

  .history .content .top_wrap .top .swiper-slide span{margin-right:40px;}

  .history .content .top_wrap.on .top .swiper-slide span{margin-right:40px;}
}


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

     /* 发展历程 */

  .history .infor{padding-bottom:30px;}

  .history .infor .left{margin-bottom:20px;}

  .history .content .bott li .right .time{font-size:30px; line-height:30px;}

  .history .content .top_wrap.on .top{width:760px;}

  .history .content .top_wrap .top .swiper-slide span{margin-right:40px;}

  .history .content .top_wrap.on .top .swiper-slide span{margin-right:40px;}
}



/*

* MobileMode

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

  .wrap, .mwrap {
        padding-left: 4%;
        padding-right: 4%;
        width: auto;
    }
  
  /* 发展历程 */

  .history .content .top_wrap.on .top{position:static; width:auto;}

  .history .infor .tit{font-size:20px; line-height:24px;;}

  .history .infor .left{margin-right:0; margin-bottom:10px;}

  .history .infor .right{font-size:14px; line-height:24px;}

  .history .content .top_wrap.on{width:92%; top:63px;}

  .history .content .top{margin-bottom:20px;}

  .history .content .bott ul::before{display:none;}

  .history .content .bott li .left{width:100%; padding-top:0;}

  .history .content .bott li .right{width:100%; padding-top:25px; padding-left:0;}

  .history .content .bott li .right::before{display:none;}

  .history .content .bott li .right .c{padding-left:25px;}

  .history .content .bott li .right .time{font-size:20px; line-height:24px; margin-bottom:10px;}

  .history .content .bott li .right .c{font-size:14px;}

  .history .content .bott li .right .c p{margin-bottom:10px !important;}

  .history .content .bott li .right .c p::before{top:4px}

  .history .content .bott li.even .right{text-align:left;}

  .history .content .bott li.even .right .c p::before{left:-28px; right:inherit; top:4px;}

  .history .content .bott li{min-height:auto;}

  .history .content .top .swiper-slide{font-size:18px;}

  .history .content .top_wrap.on .top .swiper-slide span{margin-right:20px;}

  .history .content .top .swiper-slide span{width:58px; height:58px; line-height:58px; margin-top:10px;}

  .history .content .swiper-button-prev{width:34px; height:34px;}

  .history .content .swiper-button-next{width:34px; height:34px;}

  .history .content .top_wrap.on .top{padding:10px 8%;}

  .history .content .top_wrap .top .swiper-slide span{margin-right:27px;}

  .history .content .top_wrap.on{top:58px;}


    .developLef{float: none;width: 100%;}

    .developRig{float: none;width: 96%;margin-top: 0;margin-right: 5%;}

    .develop-year .swiper-button-prev, .develop-year .swiper-button-next {width: 36px;height: 36px;background-size: 14px; }

    .develop-year .year-list em{width: 7px;height: 7px;}

    .develop-year .year-list em::after{width: 20px;height: 20px;margin-left: -10px;margin-top: -10px;}

    .develop-year .year-list p{font-size: 18px;line-height: 18px;margin-top: 10px;}

    .develop-year .year-list{padding-top: 17px;}

    .developRig::after{right: -4%;bottom: -15px;}


    .history .content .bott .wrap{padding-left:4%; padding-right:4%; width:auto;}

    .history .content .bott li .left,

    .history .content .bott li .right,

    .history .content .bott li.even .left,

    .history .content .bott li.even .right,

    .history .content .bott li.odd .left,

    .history .content .bott li.odd .right{float:none;}

    .history .content .bott li.even,

    .history .content .bott li.odd{background:#fff;}

    .history .content .bott li.even .bg,

    .history .content .bott li.odd .bg{display:none;}

    .history .content .top_wrap .top .swiper-slide::before{width:70px; height:70px; border-radius:50%; top:50%; left:50%; transform:translate(-50%, -50%); background:#e6e6e6; }

    .history .content .top_wrap .top .swiper-slide{text-align:center;}

    .history .content .top_wrap .top .swiper-slide span{margin-right:0;}

    .history .content .top_wrap.on .top .swiper-slide span{margin-right:0;}


    .history .content .top_wrap.on{top:50px;}


    .history .content .top_wrap .top .swiper-slide::before{display:none;}

    .history .content .top .swiper-slide span{background:transparent; color:#555; overflow:visible;}

    .history .content .top .swiper-slide.cur span{background:transparent; color:#117ac6;}

    .history .content .top_wrap .top .swiper-slide:hover span{background:transparent; color:#555;}

    .history .content .top_wrap .top .swiper-slide:hover span{background:transparent; color:#117ac6;}
}



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

   .develop-year .line { width: 1px; left: 13px;}

   .develop-year .swiper-button-prev { top: 450px; }
   .develop-year .swiper-button-next { top: 53px; }
   .develop-year .year-list{width: 27px !important;}

   .develop-year .swiper-button-prev, .develop-year .swiper-button-next { left:0;width: 28px;height: 28px;background-size: 10px; }

   .develop-year .year-list p{font-size: 16px;line-height: 16px;}
   .develop-top .develop-mes .year {font-size: 32px;}

   .listTie{font-size: 24px; line-height: 24px; margin-bottom: 30px;}

    /*地圖信息*/
    .about-map{
      background: url('../images/mobile_map_bg.jpg') center center no-repeat !important;
      background-size: cover !important;
    }
    .about-map .map-info{
      top: 81px !important;
      left: 30px !important;
      width: 250px !important;
    }
    .about-map .map-arrow{
      border-left: 9px solid transparent !important;
      border-right: 9px solid transparent !important;
      border-top: 16px solid #7c7c7c !important;
      top: 214px !important;
      left: 52% !important;
    }
    .about-map .map-arrow:after{
      border-left: 8px solid transparent !important;
      border-right: 8px solid transparent !important;
      border-top: 14px solid #fff !important;
      top: -16px !important;
      left: -8px !important;
    }

}