@charset "utf-8";

/*BANNER*/
.swiper-slide{overflow: hidden; cursor: pointer;}
.swiper-slide img{width: 100%;}

.ny-banner{overflow: hidden;}
.ny-banner img{width: 100%;}

.home-title {
	margin: 30px 0;
	text-align: center
}

.home-title h3 {
	font-size: 40px;
	color: #333;
	position: relative;
	padding-bottom: 22px;
	margin-bottom: 10px
}

.home-title h3:after {
	content: "";
	display: block;
	width: 170px;
	height: 1px;
	background: #aaa;
	position: absolute;
	bottom: 2px;
	left: 50%;
	margin-left: -85px;
	z-index: 1
}

.home-title h3:before {
	content: '';
	display: block;
	width: 30px;
	height: 5px;
	background: #00a1e9;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -15px;
	z-index: 2
}

.home-title p {
	text-transform: uppercase;
	font-size: 14px;
	font-family: arial;
	color: #666
}

.home-prolist{overflow: hidden; text-align: center;}
.home-prolist ul{display: inline-block; margin: 5px 0;}
.home-prolist ul li{float: left;margin: 0 25px; padding: 15px 0;}
.home-prolist ul li .img{overflow: hidden; width: 220px; border: 1px solid #e7e7e7; border-radius: 4px;}
.home-prolist ul li .img img{max-width: 100%;}
.home-prolist ul li h2{ text-align: center; margin-top: 10px;}

.home-probg{overflow: hidden; background: url(../images/bg1.png) no-repeat; padding: 50px 0;}
.home-pro{ overflow: hidden;border: solid 1px #e7e7e7;background: #FFF; padding: 15px 0;}
.home-pro .img{position: relative;height: 196px; overflow: hidden;  }
.home-pro .img img{position: absolute;margin: auto;max-width: 100%;max-height: 100%;top: 0;right: 0;bottom: 0;left: 0; transition: all 0.6s; width: auto !important;}
.home-pro .img img:hover{transform:scale(1.1);}
.home-pro h2{ text-align: center; font-size: 14px;padding: 15px 0;}
.home-pro:hover{border: solid 1px #00a1e9; }

.ProSwiper{position: relative; margin-top: 50px;}
.ProSwiper .prev-hz,
.ProSwiper .next-hz{position: absolute;width: 56px;height: 56px;background-size: 56px 56px;}
.ProSwiper .prev-hz{left: -90px;background-image: url(../images/hz-left.png);}
.ProSwiper .next-hz{right: -90px;background-image: url(../images/hz-right.png);}



.home-hangye{overflow: hidden; margin-bottom: 60px;}
.home-hangye ul{ margin-left: -0.2%; margin-right: -0.2%;}
.home-hangye ul li{float: left;width: 24.5%; margin: 0 0.2%; cursor:pointer; }
.home-hangye ul li .img{overflow: hidden;position: relative;}
.home-hangye ul li .img img{max-width: 100%;}
.home-hangye ul li .img .bg{position: absolute;top: 0;width: 100%; height: 100%; background:rgba(0, 0, 0, 0.5); transition: all 0.6s;}
.home-hangye ul li .img h2{
    position: absolute;
    text-align: center;
    color: #FFF;
    transition: all 0.6s;
    font-size: 22px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.home-hangye ul li:hover .img .bg{background:rgba(0, 0, 0, 0); }
.home-hangye ul li:hover .img h2{margin-bottom: -50px; opacity: 0;}
.home-newsbg{background: url(../images/newsbg.jpg) no-repeat center bottom;padding: 60px 0;}
.home-news{overflow: hidden; margin: 60px 0;}
.home-news ul{}
.home-news ul li{float: left; overflow: hidden;width: 430px; border: 1px dashed #dfdfdf; margin-bottom: 15px; margin-right: 40px; }
.home-news ul li:last-child{margin-right: 0;}
.home-news ul li .img{overflow: hidden;}
.home-news ul li .img img{width: 100%;}
.home-news ul li .text{overflow: hidden; padding: 20px;}
.home-news ul li .text h2{font-size: 17px; color: #333;}
.home-news ul li .text time{line-height: 24px; color: #999; font-size: 13px;}
.home-news ul li .text p{line-height: 24px; color: #666; font-size: 14px;}
.home-news ul li:hover .date{background: #00a1e9;}
.home-news ul li:hover .text h2{color: #00a1e9;}


.home-title-about {
	margin: 30px 0;
	text-align: center
}

.home-title-about h3 {
	font-size: 40px;
	color: #FFF;
	position: relative;
	padding-bottom: 22px;
	margin-bottom: 10px
}

.home-title-about h3:after {
	content: "";
	display: block;
	width: 170px;
	height: 1px;
	background: #FFF;
	position: absolute;
	bottom: 2px;
	left: 50%;
	margin-left: -85px;
	z-index: 1
}

.home-title-about h3:before {
	content: '';
	display: block;
	width: 30px;
	height: 5px;
	background: #00a1e9;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -15px;
	z-index: 2
}

.home-title-about p {
	text-transform: uppercase;
	font-size: 14px;
	font-family: arial;
	color: #FFF
}


.home-about{
	background: url(../images/aboutbg.jpg) no-repeat center;
    width: 100%;
    background-attachment: fixed;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: 100% 100%;
    position: relative;
    overflow: hidden;
	height: 600px;
	padding: 60px 0;
	}
.home-about .left{float: left; width: 50%;}
.home-about .left img{width: 90%;}
.home-about .right{float: left; width: 50%;}
.home-about .right h2{display: block; font-size: 38px; font-weight: bold; color: #FFF; padding: 2% 0;}
.home-about .right .text{font-size: 16px;line-height: 32px; color: #FFF; padding: 30px 0;}
.home-about .right .more{font-size: 14px;width: 220px; height: 50px; line-height: 50px; text-align: center;  border-radius: 30px; border: 1.5px solid #FFF;}
.home-about .right .more a{color: #FFF;}


.home-hezuobg{overflow: hidden; background: url(../images/about01-bg.jpg) no-repeat center; padding: 50px 0;}
.home-hezuo{overflow: hidden; margin-bottom: 30px;}
.home-hezuo ul{ margin-left: -1%;margin-right: -1%;}
.home-hezuo ul li{float: left; width: 18%; margin: 0 1%;}
.home-hezuo ul li .img{}
.home-hezuo ul li .img img{width: 100%;}