.banner {position: relative;overflow: hidden;}
.banner .swiper-slide{position: relative;overflow: hidden;height: 904px;}
.banner .img{width: 100%;height: 904px;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.banner .imgApp{display: none;}
.banner .imgApp{width: 100%;overflow: hidden;}
.banner .imgApp img{width: 100%;-webkit-animation-fill-mode: both; -moz-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;}

.banner .titBan{position: absolute;left: 0;top:30%;width: 100%;}
.banner .titBan .ani{width: 652px;height: 280px;background: rgba(0,117,113,0.9);padding: 40px;position: relative;}
.banner .titBan p{font-size: 56px;line-height: 60px;color: #fff;font-weight: bold;}
.banner .titBan a{position: absolute;left: 40px;bottom:20px;display: block;font-size: 14px;line-height: 20px;color: #fff;text-transform: uppercase;padding: 10px 0;}

.banner .img{width:100%;height: 100%;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-o-animation-fill-mode: both; animation-fill-mode: both;}
.banner .swiper-slide-active .img{-webkit-animation: scaleBigToSmall 4s;-moz-animation: scaleBigToSmall 4s;-o-animation: scaleBigToSmall 4s; animation: scaleBigToSmall 4s;}

.banner .swiper-slide-active .imgApp img{-webkit-animation: scaleBigToSmall 4s;-moz-animation: scaleBigToSmall 4s;-o-animation: scaleBigToSmall 4s; animation: scaleBigToSmall 4s;}
.banner .swiperBtn{position: absolute;left: 0;bottom: 110px;width: 100%;z-index: 200;}
.banner .swiper-button-next,.banner  .swiper-container-rtl .swiper-button-prev{background-image: none;}
.banner .swiper-button-next,.banner .swiper-button-prev{position: static;display: inline-block;margin-right: 11px;background-image: none;width: auto;height: auto;margin-top: 0;}
.banner .swiper-button-next img, .banner .swiper-button-prev img{width: 40px;}

/*产品目录*/
.proIndex{background-image: url("../images/pro_bg.jpg");background-repeat: no-repeat;background-position: center top;background-size: cover;}
.proIndex,.newsIndex,.aboutIndex{padding-bottom: 80px;}
.proIndex .wrap{padding: 0 80px;}

.proSli{overflow: hidden;}
.proSli .swiper-container{overflow: hidden;}
.proSli .swiper-slide{position: relative;overflow: hidden;}
.proSli .swiper-slide .wrap{padding: 0 0;width: 100%;}
.proSli .img,.proSli .mes{float: left;width: 50%;background: #fff;height: 506px;}
.proSli .img{background-repeat: no-repeat;background-position: center center;background-size: cover;}
.proSli .mes .info{padding: 32px 50px;}
.proSli .mes h3{font-size: 36px;line-height: 56px;color: #121212;margin-bottom: 15px;}
.proSli .mes .proList{}
.proSli .mes .proList li{float: left;width: 48%;margin-right: 4%;border-bottom: 1px solid #777;transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;-o-transition:all 0.2s linear;}
.proSli .mes .proList li:nth-child(2n){margin-right: 0;}
.proSli .mes .proList li a{display: block;font-size: 14px;line-height: 42px;color: #000;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 5px;padding-right: 20px;background-image: url("../images/jt.png");background-repeat: no-repeat;background-position: right 10px center;background-size: 10px;}
.proSli .mes .proList li:hover{background: #007571;}
.proSli .mes .proList li:hover a{color: #fff;background-image: url("../images/jt2.png");}
.proSli .mes .check{margin-top: 35px;}
.proSli .mes .check a{display: inline-block;font-size: 14px;line-height: 24px;color: #007571;font-weight: bold;border-bottom: 2px solid #007571;padding-right: 15px;background-image: url("../images/jt3.png");background-repeat: no-repeat;background-position: right center;background-size: 6px;}

.proSli .swiperBtn{width: 100%;z-index: 200;text-align: center;margin-top: 35px;}
.proSli .swiperBtn .wrap{width: 100%;}
.proSli .swiper-btnnext,.proSli .swiper-btnprev{background-image: none;display: inline-block;margin: 0 8px;cursor: pointer;}
.proSli .swiper-btnnext,.proSli .swiper-btnprev{position: static;display: inline-block;background-image: none;width: auto;height: auto;margin-top: 0;}
.proSli .swiper-btnnext img, .proSli .swiper-btnprev img{width: 46px;}

/*新闻中心*/
.newsIndex{overflow: hidden;}
.newsIn-list{}
.newsIn-list li{float: left;width: 400px;height: 590px;margin-right: 20px;overflow:  hidden;background: #fafafa;position: relative;transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;-o-transition:all 0.2s linear;}
.newsIn-list li.last{width: 800px;margin-right: 0;}
.newsIn-list li a{display: block;position: relative;}
.newsIn-list li.last a:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 30%;background: url("../images/news_libg.png") bottom center no-repeat;background-size: 100% 100%;}
.newsIn-list li .img{width: 100%;height: 273px;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.newsIn-list li .mes{padding:25px 20px;}
.newsIn-list li .mes h3{font-size: 20px;line-height: 28px;color: #121212;height: 56px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.newsIn-list li .mes p{font-size: 14px;line-height: 22px;color: #595959;height: 66px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;margin-top: 25px;}
.newsIn-list li .mes img{margin-top: 65px;width: 30px;transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear;-o-transition:all 0.5s linear;}
.newsIn-list li.last a,.newsIn-list li.last .img{height: 100%;}
.newsIn-list li.last .mes{position: absolute;left: 0;bottom: 40px;width: 100%;padding: 0 20px;box-sizing: border-box;z-index: 10;}
.newsIn-list li.last .mes h3{font-size: 30px;line-height: 36px;color: #007571;height: 36px;font-weight: bold;}
.newsIn-list li.last .mes p{color: #121212;height: 22px;margin-top: 0;}
.newsIn-list li.last .mes h3,.newsIn-list li.last .mes p{white-space: nowrap;}
.newsIn-list li.last .mes img{display: none;}
.newsIn-list li:hover{box-shadow: 3px 4px 5px rgba(0,0,0,0.1);}
.newsIn-list li:hover .mes h3{color: #007571;}
.newsIn-list li:hover .mes img{ animation: aniUpdown 1.5s infinite;}
@keyframes aniUpdown {
    0% {transform: translate(0px, 0px);}
    50% {transform: translate(0px, -15px);}
    100% {transform: translate(0px, 0px);}
}

/*走进北京安图*/
.aboutIndex{background: #fafafa;overflow: hidden;}
.aboutIn-list{}
.aboutIn-list li{float: left;width: 390px;height: 290px;margin-left: 20px;overflow:  hidden;position: relative;margin-bottom: 20px;}
.aboutIn-list li:first-child{width: 820px;margin-left: 0;height: 600px;}
.aboutIn-list li a{position: relative;display: block;width: 100%;height: 100%;}
.aboutIn-list li .img{width: 100%;height: 100%;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.aboutIn-list li .info{position: absolute;left: 0;bottom: 26px;width: 100%;z-index: 10;}
.aboutIn-list li .info p{font-size: 26px;line-height: 36px;color:#fff;padding: 0 25px;transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear;-o-transition:all 0.5s linear;}
.aboutIn-list li a:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background-image: url("../images/aboutIn_bg.png");background-repeat: no-repeat;background-position: bottom center;background-size: 100% 30%;z-index: 9;}
/*.aboutIn-list li:hover .info p{transform: translateY(-5px);}*/
/*.aboutIn-list li:hover{box-shadow: 3px 4px 5px rgba(0,0,0,0.1);}*/
.aboutIn-list li:hover:after{content: "";position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,117,113,0.4);}
.aboutIn-list li:hover .info p{transform: translateY(-5px);}