﻿/*轮播图 start*/
.banners {
	position: relative;
	/* height: 376px; */
	height: 455px;
}

.banners-img {
	position: relative;
	height: 100%;
	width: 100%;
	/* max-width: 1350px; */
	margin: 0 auto;
	overflow: hidden;
}

.swiper-slide-img {
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	/* background-size: cover; */
}

.swiper-slide-img text {
	display: block;
	background-color: rgba(0, 0, 0, 0.3);
	color: #fff;
	width: 100%;
	line-height: 56px;
	text-align: center;
	font-size: 22px;
	position: absolute;
	left: 0;
	bottom: 0;
}

.swiper-button-next,
.swiper-button-prev {
	color: #fff;
}

/*轮播图end*/

.wrap{width: 1200px;margin: 0 auto;clear: both;}
.ov {
    overflow: hidden;
}
.index-h1 span{font-size: 22px;color: #333;font-family: zt1;}
.index-h1 font{font-size: 20px;color: #ccc;font-family: zt2;margin-left: 20px;}
.index-h1 a{display: block;float: right;width: 27px;height: 27px;overflow: hidden;background: url(../images/more1.png) no-repeat center;margin: 9px 0 0;}
.index-h1 a:hover{background: url(../images/more2.png) no-repeat center;}
.index-about-left{width: 463px;height: 334px;overflow: hidden;position: relative;margin: 20px 0 0;float: left;}
.index-about-bd,.index-about-bd li,.index-about-bd a,.index-about-bd li img{width: 100%;height: 100%;display: block;}
.index-about-bd li{position: relative;font-size: 14px;line-height: 38px;overflow: hidden;}
.index-about-bd li span{display: block;width: 100%;height: 38px;color: #fff;position: absolute;left: 0;bottom: 0;z-index: 9;background: rgba(0,0,0,.6);text-indent: 20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.index-about-hd{width: 100%;text-align: right;height: 0;position: absolute;right: 0;bottom: 22px;z-index: 99;}
.index-about-hd li{display: inline-block;overflow: hidden;line-height: 500px;width: 9px;height: 9px;border-radius: 50%;margin: 0 6px;background: #b0ada9;}
.index-about-hd li.on{background: #fff;}
.index-about-right{position: relative;max-height: 336px;width: 357px;float: right;overflow: hidden;font-size: 14px;color: #333;line-height: 28px;margin-top: 20px;}
.index-about-right a{display: block;font-size: 14px;line-height: 28px;color: #007db8;background: #fff;position: absolute;right: 0;bottom: 0;padding-left: 34px;}
.index-about-right a:hover{text-decoration: underline;}
.index-incident{width: 342px;float: right;overflow: hidden;margin-top: 24px;}
.index-incident-box{width: 250px;height: 333px;overflow: hidden;background: #f5f5f5;margin-top: 19px;padding-right: 92px;position: relative;}
.index-incident-bd{width: 216px;overflow: hidden;margin-left: 17px;}
.index-incident-bd span{display: block;
  text-align: center;
  font-size: 16px;
  color: #333;
  line-height: 20px;
  padding: 0 10px;
  /* white-space: nowrap; */
  /* text-overflow: ellipsis; */
  /* overflow: hidden; */
  margin: 26px 0 16px;}
.index-incident-bd font{display: block;text-align: center;font-size: 14px;color: #999;line-height: 18px;padding: 0 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.index-incident-bd .txt{font-size: 14px;color: #666;line-height: 28px;overflow: hidden;margin-top: 10px;margin-left: 3px;}
.index-incident-bd .txt img{max-width: 100%;}
.index-incident-hd{width: 92px;position: absolute;right: 0;top: 0;text-align: center;font-size: 16px;color: #fff;line-height: 61px;height: 100%;}
.index-incident-hd li{width: 100%;height: 83.25px;position: relative;line-height: 20px;;padding-top: 22px;height: 61.25px;}
.index-incident-hd li:first-child{background: #0d77a9;cursor: pointer}
.index-incident-hd li:nth-child(2){background: #007db8;}
.index-incident-hd li:nth-child(3){background: #1a8abf;padding: 0;height: 83.25;}
.index-incident-hd li:nth-child(4){background: #3397c6}
.index-incident-hd li:nth-child(5){background: #4bacd9}
.index-incident-hd li.on,.index-incident-hd li:hover{background: #ceaa7a;}
.index-incident-hd li.on:after,.index-incident-hd li:hover:after{content: "";width: 9px;height: 13px;position: absolute;left: -9px;top: 50%;margin-top: -6.5px;background: url(../images/hd-on.png) no-repeat center;}
.index-news{height: 210px;overflow: hidden;float: left;width: 642px;margin: 36px 0 0;position: relative;padding: 65px 0 0 198px;}
.index-news .index-h1{position: absolute;width: 100%;top: 0;left: 0;}
.index-news-name{width: 160px;height: 210px;position: absolute;border: 1px solid #333;left: 0;bottom: 0;text-align: center;font-size: 22px;line-height: 42px;}
.index-news-name span{display: block;color: #333;padding: 64px 0 0;font-family: zt1}
.index-news-name em{color: #007db8;}
.index-news-name font{display: block;color: #ccc;font-family: zt2}
.index-news-name a{display: block;width: 13px;height: 48px;overflow: hidden;border: 1px solid #ceaa7a;position: absolute;right: -8px;top: 50%;margin-top: -24px;background: #fff url(../images/new-more.png) no-repeat center;}
.index-news-ul{overflow: hidden;}
.index-news-ul li{font-size: 14px;line-height: 30px;position: relative;overflow: hidden;}
.index-news-ul li a{z-index: 9;display: block;float: left;max-width: 515px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #333;position: relative;background: #fff;padding-right: 24px;}
.index-news-ul li span{display: block;float: right;font-size: 12px;color: #999;}
.index-news-ul li:after{content: "";width: 550px;height: 1px;position: absolute;left: 0;top: 50%;margin-top: -1px;border-bottom: 1px dashed #ddd;z-index: 8;}
.index-news-ul li:hover a,.index-news-ul li:hover span{color: #007db8}
.index-news-ul li:hover:after{border-color: #007db8}
.index-menu{float: right;width: 342px;overflow: hidden;margin: 36px 0 0;}
.index-menu .index-h1{margin-bottom: 8px;}
.index-menu .box{width: 341px;height: 94px;overflow: hidden;border: 1px solid #ddd;border-right: none;margin-bottom: 20px;}
.index-menu .box a{display: block;float: left;width: 33%;border-right: 1px solid #ddd;height: 94px;text-align: center;font-size: 14px;color: #333;line-height: 32px;}
.index-menu .box a:last-child{float: right;}
.index-menu .box span{display: block;width: 105px;height: 86px;overflow: hidden;background: #f5f5f5;margin: 4px auto 0;}
.index-menu .box img{display: block;width: 21px;height: 23px;margin: 19px auto 0;}
/**/
.index-project{width: 1230px;overflow: hidden;margin: 38px 0 60px;}
.index-project li{float: left;width: 387px;height: 220px;overflow: hidden;position: relative;margin: 0 20px 20px 0;}
.index-project li em,.index-project li img{display: block;width: 100%;height: 100%;overflow: hidden;}
.index-project li:hover img{transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);}
.index-project li .box{width: 351px;height: 100%;position: absolute;left: 0;top: 0;padding-right: 36px;overflow: hidden;}
.index-project li.li1 .box{background: url(../images/project-bg1.png) no-repeat center;}
.index-project li.li2 .box{background: url(../images/project-bg2.png) no-repeat center;}
.index-project li span{display: block;font-size: 26px;color: #fff;font-weight: bold;line-height: 30px;text-align: right;margin: 68px 0 32px;}
.index-project li a{display: block;width: 85px;height: 25px;line-height: 25px;text-align: center;color: #fff;border: 1px solid #fff;font-size: 16px;float: right;margin-right: 3px;}






