@charset "utf-8";
/* CSS Document */



.swiper-pagination-bullet { background: #fff; width: 15px; height: 15px;}
.swiper-pagination { display: inline-block; }
.swiper-pagination-bullet-active{ background-color: #09357f }
.swiper-button-next{ width: 80px; height: 80px; background:rgba(1,64,153,1) url(../images/right.png) center center no-repeat; margin-top: -40px; }
.swiper-button-prev{ width: 80px; height: 80px; background:rgba(1,64,153,1) url(../images/left.png) center center no-repeat; margin-top: -40px; }
.swiper-button-next:after, .swiper-button-prev:after {display: none;}

.tit{ padding: 30px; }
.tit h3{ display: block; font-size: 30px; color: #000000; text-align: center; }
.tit span{ display: block; font-size: 24px; color: #464646; font-family: arial; text-align: center; }

.service_list{ overflow: hidden;  margin-bottom: 30px;}
.service_list ul{ overflow: hidden; padding: 0 0.5% }
.service_list li{  width: 24%; margin: 0 0.5%; box-sizing: border-box; float: left; position: relative; overflow: hidden; }
.service_list li a{ display: block; width: 100%; height: 100%;  position: absolute; top:0; left: 0; box-sizing: border-box; background: rgba(0,0,0,.6); text-align: center; padding: 10% 10%;  }
.service_list li a.active{background: rgba(0,84,169,.8);}
.service_list li a h3{ display: block; text-align: center; font-size: 1.5rem; font-weight: normal; color: #fff; margin-bottom: 20px; }
.service_list li a p{ display: block; text-align: center; font-size: 14px; color: #fff; }
.service_list li a span{ width: 140px; line-height: 40px; display: block; margin: 20px auto 0 auto; border:1px solid #fff; color: #fff; text-align: center; font-size: 16px; }
.service_list li img{transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;}
.service_list li:hover img{transform:scale(1.1,1.1);}

.index_about{  background:#efefef url(../images/abobg.jpg) top center no-repeat; overflow: hidden; height: 450px}
.index_us{ width: 80%; margin: 30px auto 0px auto; font-size: 16px; color: #1f1f1f; line-height: 30px; text-align: center; }

.case_list{ overflow: hidden;  padding-bottom: 30px;  background:#efefef; }
.case_list ul{ overflow: hidden; padding: 0 0.5% }
.case_list li{ width: 24%; margin: 0 0.5%; height: auto; box-sizing: border-box; float: left; position: relative; overflow: hidden; }
.case_list li a{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; text-align: center;  justify-content: center; align-items: center;  }
.case_list li a h3{ display: block; text-align: center; font-size: 36px; color: #fff; }
.case_list li a:hover{background: rgba(0,84,169,.8);}
.case_list li img{transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;}
.case_list li:hover img{transform:scale(1.1,1.1);}

.index_news{ padding: 30px 0; overflow: hidden; }

.index_news .tit{ padding: 0px; text-align:left }
.index_news .tit h3{ text-align: left; }
.index_news .tit span{ text-align: left; }

.index_news .fl{ width: 40% }
.index_news .fr{ width: 55%; }
.index_news .fr dl{ overflow: hidden; padding: 10px 0; border-bottom: 1px dotted #ddd }
.index_news .fr dl:last-child{border-bottom: 0}
.index_news .fr dl dt{ float: left; width: 60px; height: 50px; background: #086aac; color: #fff; text-align: center; padding: 5px; box-sizing: border-box; }
.index_news .fr dl dt b{ display: block; font-size: 16px; }
.index_news .fr dl dt span{ font-size: 12px; display: block; }
.index_news .fr dl dd{ margin-left: 80px; }
.index_news .fr dl dd h3{ font-size: 16px; color: #0054a9; font-weight: normal; line-height: 27px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.index_news .fr dl dd p{ font-size: 14px; color: #585858; font-weight: normal; line-height: 27px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }

@media (max-width:768px){
.w{ width: 100%;}
.tit{ padding: 20px; }
.service_list{ margin-bottom: 0px;}
.service_list li{  width: 100%; margin: 0; float: none;}
.index_about{  height: 100%}
.index_us{ width: 90%; margin: 0px auto 0px auto; }
.service_list ul{ overflow: hidden; padding: 0 }
.case_list li{ width: 100%; margin: 0; float: none; padding: 10px;}
.index_news{ padding: 10px; overflow: hidden; }
.index_news .fl{ width: 100%; float: none; }
.index_news .fr{ width: 100%; float: none; }
.index_news .tit{ padding: 0px; text-align:center; }
.index_news .tit h3{ text-align: center; }
.index_news .tit span{ text-align: center; }

}