@charset "utf-8";

.title{padding:50px 0;text-align:center;}
.title span{font-size:20px;color:#999;text-transform:uppercase;}
.title strong{font-weight:normal;font-size:28px;color:#333;}

.indexabout{padding:0 0 50px;}
.indexabout .img{display:block;float:left;width:530px;}
.indexabout .text{float:right;width:620px;line-height:2;font-size:medium;}
.indexabout .text p{text-indent:2em;}

.indexa{position:relative;}
.indexa .box{margin-left:-10px;margin-right:-10px;}
.indexa .item{float:left;padding:0 10px 20px;width:25%;}
.indexa .item em{display:block;overflow:hidden;}
.indexa .item a{padding:1px;line-height:2.5;background-color:#eee;transition:ease .5s;-webkit-transition:ease .5s;}
.indexa .item a:hover{color:#fff;background-color:#0154a4;}

.indexb{position:relative;margin-top:50px;padding:80px 0;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;}
.indexb:before{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(255,255,255,.5);content:"";}
.indexb .t{margin-bottom:50px;text-align:center;font-size:24px;color:#000;}
.indexb li{float:left;padding:0 20px;width:33.333333%;}
.indexb li em{display:block;margin:0 auto;width:140px;height:140px;overflow:hidden;border-radius:50%;-webkit-border-radius:50%;transition:ease .5s;-webkit-transition:ease .5s;}
.indexb li:hover em{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);}
.indexb li div{padding:20px 0 15px;text-align:center;font-size:20px;font-weight:bold;color:#304a60;}
.indexb li p{position:relative;margin-bottom:10px;padding-left:1em;font-size:medium;color:#111;text-shadow:0 0 10px #fff;}
.indexb li p:before{display:block;position:absolute;top:0;left:0;content:"※";}

.indexc{padding-bottom:50px;}
.indexc .box{margin-left:-10px;margin-right:-10px;}
.indexc .item{float:left;padding:0 10px 20px;width:300px;}
.indexc .item em{display:block;overflow:hidden;}
.indexc .item a{padding:1px;line-height:2.5;background-color:#e6e6e6;transition:ease .5s;-webkit-transition:ease .5s;}
.indexc .item a:hover{color:#fff;background-color:#0154a4;}

.indexd{padding-bottom:50px;background-color:#f6f6f6;}
.indexd1{float:left;width:520px;}
.indexd1 a{display:block;position:relative;}
.indexd1 a div{position:absolute;right:0;bottom:0;left:0;height:42px;background-color:#084892;background-color:rgba(8,72,146,.6);}
.indexd1 a span{margin:0 85px 0 10px;line-height:42px;color:#fff;}
.indexd1 .swiper-pagination{left:auto;right:5px;width:auto;}
.indexd1 .swiper-pagination .swiper-pagination-bullet{margin:0 3px !important;width:10px;height:10px;background-color:#084892;opacity:1;}
.indexd1 .swiper-pagination .swiper-pagination-bullet-active{background-color:#fff;}
.indexd2{float:right;width:630px;}
.indexd2 li{margin-top:28px;}
.indexd2 li:first-child{margin-top:0;}
.indexd2 a{display:block;color:#666;}
.indexd2 a em{display:block;float:left;margin-right:12px;border-right:1px solid #ccc;padding:12px 0 10px 0;width:65px;font-size:12px;line-height:1;font-style:normal;}
.indexd2 a em span{display:block;font-size:30px;}
.indexd2 a div{float:right;width:545px;}
.indexd2 a div h3{margin:0;padding:8px 0;font-size:18px;line-height:24px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.indexd2 a div p{margin:0;height:18px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.indexd2 a:hover{color:#084892;}

.indexe{margin-top:60px;}