.ind-banner .wal{position: relative;}
.ind-banner .swiper-slide img{width: 100%;}
.ind-banner .swiper-pagination{bottom: 40px!important;} 
.ind-banner .swiper-pagination-bullet {width: 8px;height: 8px;opacity: 1;margin: 0 6px!important;border-radius: 30px;background: #fff;} 
.ind-banner .swiper-pagination-bullet-active {background: #fff;width:  12px;height: 12px;margin: 0 6px -1px!important;}

.ind-tlt{padding: 30px 0 20px; text-align: center; } 
.ind-tlt em{display: block; font-size:22px;color: #080404; } 
.ind-tlt span{display: block; font-size: 16px;color: #999; text-transform: uppercase; line-height: 40px; }

.indexPage .video-box{position: relative; } 
.indexPage .video-box .bg{width: 100%; } 
.indexPage .video-box .video{position: absolute; width: 74%; top: 17%; right: 7%; } 
.indexPage .video-box .video .img1{width: 100%; } 
.indexPage .video-box .video .ico{width:  20%; position:  absolute; top: 39%; left: 40%; } 

.indexPage .story{background:  #fafafa; padding-bottom: 40px; } 
.indexPage .story .bg{width:  100%;} 
.indexPage .story .txt{width: 70%; box-shadow: 0 0px 14px -3px #b8bbca; padding: 5%; margin: -50px 0 0 10%; position: relative; background:  #fff; } 
.indexPage .story .txt em{display: block; font-size:22px;color: #080404; } 
.indexPage .story .txt span{display: block; font-size: 16px;color: #999; text-transform: uppercase; line-height: 40px; } 
.indexPage .story .txt p{line-height: 30px; font-size: 14px; } 
.indexPage .story .txt .ico{height: 35px;line-height: 35px;width: 135px;text-align: center;color: #fff;background: #080404;font-size: 14px;text-transform: uppercase;display:  block;margin-top: 20px;margin-bottom: 30px;} 

.indexPage .news-banner{position: relative; padding-bottom: 50px; } 
.indexPage .news-banner .wal{position: relative;} 
.indexPage .news-banner .swiper-slide img{width: 100%;} 
.indexPage .news-banner .swiper-slide p{position: absolute; bottom: 0; line-height: 40px; font-size: 14px; color: #fff; text-align: center; padding: 0 10px; } 
.indexPage .news-banner .swiper-pagination{bottom: 26px!important;width: 100%;} 
.indexPage .news-banner .swiper-pagination-bullet {width: 7px;height: 7px;opacity: 1;margin: 0 6px!important;border-radius: 30px;background: #999;} 
.indexPage .news-banner .swiper-pagination-bullet-active {background: #080404;width: 10px;height: 10px;margin:0 5px -1px!important;} 

.indexPage .contact{background: #eee; padding-bottom: 30px; } 
.indexPage .contact .txt{display: table; margin: 0 auto; } 
.indexPage .contact .txt li{margin-bottom:  13px; } 
.indexPage .contact .txt img{width: 35px; margin-right: 10px; } 
.indexPage .contact .txt span{color:  #333; font-size: 14px; } 
.indexPage .contact .links{overflow: hidden; display:  table; margin: 10px auto 0; } 
.indexPage .contact .links a{float:  left; display:  inline-block; width:  35px; margin: 0 7px; } 
.indexPage .contact .links a img{width: 100%; }

.pro_3 li{position: relative; } 
.pro_3 li img{width: 100%; } 
.pro_3 li .hov{position:  absolute; top: 5%; left: 5%; width: 90%; height: 90%; z-index: 10; text-align: center; background: url(../images/a5.png); } 
.pro_3 li .hov em{font-size: 20px;color: #fff;display: block;margin-top: 27%;} 
.pro_3 li .hov span{font-size: 16px;color: #fff;display: block;margin-top: 2%;}

.pro_4{background: #fafafa; padding: 20px 3%; } 
.pro_4 li{margin-bottom: 15px;width: 100%;position: relative;border-radius: 4px;} 
.pro_4 li .bg{width: 100%; } 
.pro_4 li .hov{text-align: center;position: absolute;text-align: left;top: 0;width: 100%;height: 100%;background: url(../images/a9.png);} 
.pro_4 li .hov em{display: block;position: absolute;text-align: left;margin-left:5%;width: 90%;color: #fff;font-size: 18px;bottom: 101px;} 
.pro_4 li .hov span{display: block;position: absolute;width: 90%;color: #fff;font-size: 14px;margin-left: 5%;bottom: 76px;} 
.pro_4 li .hov .tlt{font-size: 16px; color:  #fff; text-align:  center; position:  absolute; bottom: 20px; margin: 0 5%; line-height: 22px; width: 90%; } 
.pro_4 li .hov .tag{width: 45px; position: absolute; left: 50%; top:50%; margin:-24.5px 0 0 -24.5px; } 
.pro_4 li.li01 .hov .tag{bottom:  20px; top: auto; left: 5%; margin-left: 0; }

.contactPage{background: #f6f6f6; padding: 15px 3%; } 
.contactPage .map{width: 100%; } 
.contactPage .map img{width: 100%; } 
.contactPage ul{margin-top: 15px; } 
.contactPage ul li{border-radius:4px;background: #fff;text-align: center;margin-bottom: 15px;position: relative;height: 130px;} 
.contactPage ul li img{position: absolute;top: 15px;margin-left: -22px;width: 50px;} 
.contactPage ul li em{display: block;font-size: 14px;color: #999999;position:  absolute;top: 68px;width: 100%;} 
.contactPage ul li span{display: block;font-size: 16px;color: #000033;position:  absolute;width:  100%;top: 89px;}

.storyPage .banner .swiper-slide img{width: 100%;} 
.storyPage .banner .swiper-button-prev{background: url("../images/d4_1.png") no-repeat center center;background-size: 34px;width: 34px;left: 0;} 
.storyPage .banner .swiper-button-next{background:url("../images/d4_2.png") no-repeat center center;background-size: 34px;width: 34px;right: 0;} 
.storyPage .txt{text-align:  center; } 
.storyPage .txt em{display:  block; font-size:  22px; color:  #333; padding: 30px 0 20px; } 
.storyPage .txt p{line-height: 35px; font-size: 16px; }

.news{background: #f6f6f6; padding: 20px 3%; } 
.news li{margin-bottom: 15px; width: 100%; border-radius: 4px; overflow: hidden; } 
.news li a{display: block; } 
.news li img{width: 100%; } 
.news li .txt{background: #fff; padding: 15px; overflow: hidden; } 
.news li .txt .name{font-size: 18px;color: #333;font-weight: bold;line-height: 30px;} 
.news li .txt p{line-height: 25px;margin: 10px 0;} 
.news li .txt .time{font-size: 14px;color: #333;padding-left: 27px;background: url(../images/d6.png)no-repeat left;background-size: 20px;line-height: 30px;} 
.news li .txt span{font-size: 14px;color: #999;line-height: 30px;}