﻿/*banner轮播图*/
.banner{margin:0 auto;position:relative; overflow:hidden;}
.banner, .banner img{width: 100%;}
.swiper-container{height:792px;position: relative;}
.banner .arrow_btn{ position: absolute; top: 50%; z-index: 2;width: 40px;height: 75px;margin-top: -50px; border-radius: 3px; opacity:0.5; text-indent: -9999px; background-repeat: no-repeat; transition: opacity .2s linear 0s;cursor: pointer;}
.banner .arrow-left{ left: 5px; background:url(../images/banner_btn.png) no-repeat left bottom;}
.banner .arrow-right{ right: 5px; background:url(../images/banner_btn.png) no-repeat right bottom;} 
.pagination{position: absolute;bottom: 200px;height: 12px;left: 50%;transform: translateX(-50%);}
.pagination span{display: block;float: left;width: 12px;height: 12px;border-radius: 50%;border: 2px solid #fff;background: #fff;margin-right: 20px;}
.pagination span.swiper-active-switch{background: #009890;}
.pagination span:last-of-type{margin-right: 0;}

/* 站点页顶部banner */
.banner .content_parent{position: absolute;left: 18%;top: 50%;transform: translateY(-50%);}
.banner .content_parent p{color: #fff;font-size: 20px;}
.banner .content_parent p.site_name{font-size: 30px;margin-bottom: 40px;position: relative;font-weight: bold;}
.banner .content_parent p.site_name::after{position: absolute;content: '';display: block;width: 50px;height: 2px;background: #fff;bottom: -20px;left: 0;}
@media only screen and (max-width:1440px){
  .swiper-container{
 height: 560px;
  }
  .pagination{
 bottom: 168px;
  }
}
@media only screen and (max-width:1300px){
  .swiper-container{
 height: 530px;
  }
  .pagination{
 display:none;
  }
}
@media only screen and (max-width:768px){
  .banner .content_parent{display: none;}
} 