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


.index_title{ line-height:40px; padding:3% 0;}
.index_title b{ font-size:36px; font-weight:normal; display:block}
.index_title span{ font-size:16px; opacity:0.5; display:block;  text-transform:uppercase; letter-spacing:8px;}

@keyframes mapicon {
     0% {top:-90px;}
     50% {top:-60px;}
     100% {top:-90px;}
  }
@-moz-keyframes mapicon {
     0% {top:-90px;}
     50% {top:-60px;}
     100% {top:-90px;}
  }
@-webkit-keyframes mapicon {
     0% {top:-90px;}
     50% {top:-60px;}
     100% {top:-90px;}
  }
@-o-keyframes mapicon {
     0% {top:-90px;}
     50% {top:-60px;}
     100% {top:-90px;}
  }

.index_about .photo{ width:41.667%; padding-top:0; box-shadow: 11px 11px 16px rgba(82, 143, 190, 0.11);}
.index_about .photo img{ border-radius:4px;}


.index_ability,
.index_ability .item{ position:relative}
.index_ability .photo{ background-color:#00132e}
.index_ability .photo img{ opacity:0.7;transition: .5s; }
.index_ability .photo:hover img{ opacity:1}
.index_ability .intro{ line-height:32px; font-size:16px; position:absolute; color:#fff; left:12%; top:15%; max-width:755px; z-index:10}
.index_ability .intro h2{ font-size:36px;}
.index_ability .intro h3{ font-size:24px; padding:40px 0}
.index_ability .ability-nav{ position:absolute; width:100%; bottom:5%; text-align:center; z-index:5}
.index_ability .ability-nav:before{ content:''; top:50%; margin-top:-0.5px; display:block; position:absolute; width:100%; height:1px; background-color:rgba(255,255,255,0.3)}
.index_ability .ability-nav h2{ color:#fff; font-size:18px; line-height:60px;}
.index_ability .ability-nav .yuan{transition: .5s; display:block; width:14px; height:14px; margin:auto; border-radius:100px; border:solid 1px rgba(255,255,255,0.5); position:relative;}
.index_ability .ability-nav .yuan:before{ content:''; width:18px; height:18px; left:-5px; top:-5px; position:absolute; display:block;  border-radius:100px;}
.index_ability .ability-nav .slick-current .yuan{ background-color:#fff; border:none;width:10px; height:10px;}
.index_ability .ability-nav .slick-current .yuan:before{border:solid 1px #fff; }



@media(max-width:1024px){
.index_title b{ font-size:28px;}

.index_ability .intro{ position:relative; left:auto; top:auto; color:#555; padding:2%; font-size:14px}
.index_ability .intro h2{ font-size:20px; color:#014099}
.index_ability .intro h3{ font-size:16px; padding:10px 0;}
.index_ability .ability-nav{ bottom:0}
.index_ability .ability-nav .icon img{ width:40px;}
.index_ability .ability-nav h2{ font-size:16px; line-height:40px;}
.index_ability .more_all a.white{background-color:#014099; border-color:#014099;}
}
@media(max-width:768px){
.index_about .photo{ float:none; width:100%}
}