a:hover{ color: #368ec9}
.news_til{ height: 40px;line-height: 40px;border-bottom: 2px solid #ededed;margin-bottom: 20px}
.news_til span{ font-size: 20px;font-weight: 700;color: #333;padding-bottom: 5px;border-bottom: 2px solid #9bc7e4}
.news_til a{ float: right;font-size: 14px;color: #666}
.latest_news .slide{ width: 645px;height: 510px;overflow: hidden}
.latest_news .slide .view{ width: 645px;height: 420px}
.latest_news .slide .view .swiper-slide a{ display: block;width: 645px;height: 420px}
.latest_news .slide .view .swiper-slide img{ width: 100%;height: 100%}
.latest_news .slide .preview{ width: 645px;height: 68px;margin-top: 10px}
.latest_news .slide .preview .swiper-wrapper{ width: 645px!important;height: 75px!important}
.latest_news .slide .preview .swiper-slide{ cursor: pointer;margin-right: 11.2px;width: 120px;height: 75px;border: 3px solid #fff;box-sizing: border-box}
.latest_news .slide .preview .swiper-slide.on{ border: 3px solid #55a8e1}
.latest_news .slide .preview .swiper-slide:nth-child(5n){ margin-right: 0}
.latest_news .slide .preview .swiper-slide img{ width: 100%;height: 100%}
.center_lists ul:after,.cooperate ul:after,.latest_news:after,.map_legend ul:after,.news_lists li:after,.program_items ul:after{ content: '';display: block;clear: both}
.news_lists{ width: 460px;padding-right: 10px}
.news_lists li{ margin-top: 37px}
.news_lists li:first-child{ margin-top: 0}
.date{ float: left;width: 71px;height: 71px;text-align: center;padding: 15px 0;margin-right: 25px;background-color: #368ec9;color: #fff}
.date span{ font-size: 26px}
.date p{ font-size: 16px;margin-top: 10px}
.news_lists li a{ float: left;display: inline-block;width: 345px;line-height: 22px;font-size: 18px;font-weight: 700;color: #333}
.news_lists li a:hover{ color: #368ec9}
.pic_loop{ position: relative;margin-top: 35px;overflow: hidden;margin-bottom: 40px}
.pic_loop .arrow-left,.pic_loop .arrow-right{ position: absolute;width: 28px;height: 48px;top: 50%;margin-top: -24px;z-index: 22;background-color: #000;cursor: pointer;line-height: 48px;color: #fff;text-align: center;opacity: .5;font-size: 26px;font-stretch: ultra-condensed;font-family: monospace}
.pic_loop .arrow-left{ left: 0}
.pic_loop .arrow-right{ right: 0}
.pic_loop .pagination{ position: absolute;bottom: 13px;left: 50%;z-index: 29;width: 200px;text-align: right;margin-left: -100px}
.pic_loop .pagination span{ display: inline-block;width: 30px;height: 6px;border-radius: 6px;background-color: #7cbbff;margin: 0 5px;cursor: pointer}
.pic_loop .pagination .swiper-active-switch{ background-color: #fff}
.pic_loop .swiper-slide a img{width: 100%;height: 200px;}
.hz-focus{ margin-bottom: 40px;overflow: hidden}
.hz-focus .map{ float: left;width: 70%;height: 330px}
.map_legend{ float: left;width: 235px;margin-left: 100px}
.map_legend li{ float: left;width: 40%;margin-top: 35px}
.map_legend li i{ display: inline-block;width: 15px;height: 15px;vertical-align: middle;margin-right: 10px;border-radius: 50%;background-color: #f8ba4d}
.map_legend li:nth-child(2) i{ background-color: #6892e7}
.map_legend li:nth-child(3) i{ background-color: #8a7595}
.map_legend li:nth-child(4) i{ background-color: #afc11b}
.map_legend li:nth-child(5) i{ background-color: #64b273}
.map_legend li:nth-child(6) i{ background-color: #1fc9d4}
.center_lists{ margin-bottom: 40px}
.center_lists li{ float: left;width: 32%;margin-left: 23px}
.center_lists li:first-child{ margin-left: 0}
.center_lists li img{ width: 100%;height: 225px;transition: all .3s}
.center_lists li span{ display: block;font-size: 18px;font-weight: 700;margin-top: 25px;line-height: 22px}
.program_items{ margin-bottom: 48px}
.program_items li{ float: left;width: 15.7%;height: 96px;text-align: center;margin-left: 13px;padding: 30px 6px;background-color: #ebf3f9;border: 1px solid #b4e1ff;font-size: 16px}
.program_items li a{ color: #354a59}
.program_items li:first-child{ margin-left: 0}
.cooperate li{ float: left;margin-right: 25px;margin-bottom: 25px}
.cooperate li:nth-child(5n){ margin-right: 0}
.cooperate li a img{width: 204px;height: 62px;border: 1px solid #b4e1ff;}
@media screen and (max-width:991px){
 .latest_news .slide, .latest_news .slide .view .swiper-slide a{  width: 100% }
 .latest_news .slide .preview, .news_lists{  width: 100% }
 .latest_news .slide .preview .swiper-wrapper{  width: 100%!important }
 .latest_news .slide .preview .swiper-slide{  width: 17.7% }
 .news_lists li a{  width: calc(100% - 100px) }
 .pic_loop .swiper-slide a{  display: inline-block;width: 100% }
 .swiper-slide img{  width: 100%;height: 100px }
 .pic_loop .pagination{  margin-left: -55px }
 .center_lists li, .hz-focus .map, .pic_loop, .program_items li{  width: 100% }
 .hz-focus .map{  height: 180px }
 .center_lists li, .program_items li{  margin-left: 0;margin-top: 15px }
 .cooperate li{  width: 100%;margin-right: 0 }
 .cooperate li img{  width: 100% }
}

@media screen and (max-width:768px){
    .latest_news{  height: auto }
    .latest_news .slide{  float: none;width: 100%;height: auto }
    .latest_news .slide .view{  height: auto;width: 100% }
    .latest_news .slide .view .swiper-container{  width: 100% }
    .latest_news .slide .view .swiper-slide{  height: 100% }
    .latest_news .slide .view .swiper-slide a{  width: 100%!important;height: auto!important }
    .latest_news .slide .preview{  width: 100% }
    .latest_news .slide .preview .swiper-wrapper{  width: 100%!important;height: auto!important }

    .cooperate li a img{width: 100%;height: auto;}
}