/* 轮播图 开始------------去掉头部就隐藏了，不知道原因*/
.carousel-item{
	position: relative;
}
/* 轮播图 结束*/
/* 第二页 公司介绍 开始 */
.page2{
	height: 100vh;
	box-sizing: border-box;
	padding-top: 10vh;
	padding-left: 10%;
	padding-right: 10%;
	background: url(../../front/default/public/image/gongsi.jpg) no-repeat;
	background-size: cover;
}
/* --------------------------------------------------------------<!-- 左文字 右图 开始 --> */
.page2 .list-iconed {
	list-style-type:none;
	margin-bottom:1.5rem;
	padding-left:0;
	text-align:left
}
.page2 .list-iconed-item {
	display:-webkit-box;
	display:flex;
	font-size: 16px;
}
.page2 .list-iconed-item+.list-iconed-item {
	margin-top:1em
}
.page2 .icon{
	margin-right: 6px;
	color: #2b952b;
	padding-top: 5px;
}
.page2 .anniu{
	border-radius: 0 !important;
	color: #222;
	padding: 10px 50px;
	font-size: 18px;
	font-weight: 800;
}
.page2 .anniu:hover{
	background-color: #fff;
	color: #2b952b;
}
.page2 .tu{
	height: 70vh;
	margin-top: 10vh;
}
.page2 .img{
	background-color: #2b952b;
	width: 100%;
	height: 70vh;
}
.page2 b{
	font-size: 21px;
	padding: 0 10px;
	color: #2b952b;
}
.page2 .icon2{
	color: #2b952b;
}
.page2 .you{
	text-align: right;
}
.page2 .info{
	box-sizing: border-box;
	padding-right: 5%;
}
.page2 h2{
	border-bottom: 2px solid #2b952b;text-align: center;padding-bottom: 20px;
}
@media (max-width:1400px) {
	.page2{
		padding-left: 1%;
		padding-right: 1%;
	}
}
@media (max-width:1200px) {
	.page2 .info{
		box-sizing: border-box;
		padding-right: 1%;
	}
}
@media (max-width:992px) {
	.page2 .info{
		margin-bottom: 10px;
		padding-right: 0%;
	}
	.page2 .tu{
		height: 30vh;
		margin-top: 0vh;
	}
	.page2 .img{
		background-color: #2b952b;
		width: 100%;
		height: 30vh;
	}
}
@media (max-width:768px) {
	.page2 .info{
		width: 100%;
	}
	.page2 h2{
		border-bottom: 2px solid #2b952b;text-align: center;padding-bottom: 10px;
		padding-top: 20px;
	}
	
}
/*--------------------------------------------------------------- <!-- 左文字 右图 结束 --> */
/* 第二页 公司介绍 结束 */
/* 第三页 产品中心 开始 */
.page3{
	height: 100vh;
	padding-left: 10%;
	padding-right: 10%;
	background: url(../../front/default/public/image/page3-bg.jpg) no-repeat;
	background-size: cover;
}
.page3 .bai{
	color: #fff;
}
.page3 .h1{
	padding-top: 100px;
}
@media (max-width:1400px) {
	.page3{
		padding-left: 3%;
		padding-right: 3%;
	}
}
.page3 .title{
	padding-bottom: 20px;
	border-bottom: 4px solid #fff;
}
.page3 .choose{

}
.page3 .choose span{
	display: inline-block;
	font-size: 18px;
	color: #fff;
	padding:20px 40px;
	border-top: 4px solid #fff;
	margin-top: -4px;
}
/* .page3 .choose span:hover{
	border-top: 4px solid #0af10a;
	z-index: 99;
	color: #0af10a;
} */
.page3 .choose .active{
	border-top: 4px solid #0af10a;
	z-index: 99;
	color: #0af10a;
}
.page3 .item{
	box-sizing: border-box;
	height: 480px;
}
.page3 .item:hover .tit{
	display: none;
}
.page3 .item:hover .tits{
	display: block;
	width: 100%;
	height: 480px;
	background-color: rgba(43, 149, 43, 0.5);
	color: #fff;
	box-sizing: border-box;
	margin-top: -480px;
	z-index: 99;
	position: relative;
	padding: 40px 20px;
}
.page3 .item:hover .tits h3{
	font-size: 30px;
	box-sizing: border-box;
	padding: 80px 0 20px;
}
.page3 .item:hover .tits p{
	font-size: 16px;
	margin-bottom: 40px;
	height: 90px;
	overflow: hidden;
}
.page3 .item:hover .tits button{
	font-size: 18px;
	color: #2b952b;
	padding: 10px 46px;
	border-radius: 50px;
	border: none;
	background-color: #fff;
}
.page3 .item:hover .tits button:hover{
	background-color: #333;
	color: #fff;
}
.page3 .item img{
	height: 480px;
	width: 100%;
}
.page3 .item .tit{
	width: 100%;
	height: 66px;
	background-color: #2b952b;
	color: #fff;
	font-size: 20px;
	line-height: 66px;
	box-sizing: border-box;
	padding-left: 20px;
	margin-top: -66px;
	z-index: 99;
	position: relative;
}
.page3 .item .tits{
	display: none;
}
.mt80{
	margin-top: 160px;
}
@media (max-width:1200px) {
	
}
@media (max-width:992px){
	.page3 .item{
		height: 360px;
		margin-bottom: 10px;
	}
	.page3 .item img{
		height: 360px;
		width: 100%;
	}
	.page3 .item:hover .tits{
		height: 360px;
		margin-top: -360px;
		padding: 0px 20px;
	}
	.mt80{
		margin-top: 0px;
	}
	.page3 .h1{
		padding-top: 20px;
	}
}
@media (max-width:768px) {
	.page3 .h1{
		padding-top: 90px;
	}
	.page3 .choose span{
		display: inline-block;
		font-size: 18px;
		color: #fff;
		padding:20px 15px;
		border-top: 4px solid #fff;
		margin-top: -4px;
	}
	.page3 .item{
		height: 180px;
		margin-bottom: 30px;
	}
	.page3 .item img{
		height: 180px;
		width: 100%;
	}
	.page3 .item:hover .tits{
		height: 180px;
		margin-top: -180px;
		padding: 0px 20px;
	}
	.page3 .item:hover .tits h3{
		font-size: 18px;
		box-sizing: border-box;
		padding: 20px 0 10px;
	}
	.page3 .item:hover .tits p{
		font-size: 14px;
		margin-bottom: 10px;
		height: 60px;
		overflow: hidden;
	}
	.page3 .item:hover .tits button{
		font-size: 15px;
		padding: 5px 30px;
		border-radius: 50px;
	}
	.page3 .gundong{
		height: 70vh;
		/* overflow-y: scroll; */
	}
}
/* 第三页 产品中心 结束*/
/* 第四页 案例展示 开始 */
.page4{
	height: 100vh;
	padding-left: 10%;
	padding-right: 10%;
	background: url(../../front/default/public/image/page4-bg.png) no-repeat;
	background-size: cover;
}
.page4 .bai{
	color: #fff;
}
.page4 .h1{
	padding-top: 130px;
}
@media (max-width:1400px) {
	.page4{
		padding-left: 3%;
		padding-right: 3%;
	}
}
.page4 .title{
	padding-bottom: 20px;
	border-bottom: 4px solid #fff;
}
@media (max-width:992px){
	.page4 .h1{
		padding-top: 80px;
	}
	.page4 .title{
		padding-bottom: 20px;
		border-bottom: 4px solid #fff;
	}
}

/* 第四页 案例展示 结束 */

/* 第五页 新闻中心 开始 */
.page5{
	height: 100vh;
	padding-left: 10%;
	padding-right: 10%;
	background: url(../../front/default/public/image/page5-bg.jpg) no-repeat;
	background-size: cover;
}
.page5 .bai{
	color: #2b952b;
}
.page5 .h1{
	padding-top: 130px;
}
@media (max-width:1400px) {
	.page5{
		padding-left: 3%;
		padding-right: 3%;
	}
}
.page5 .title{
	padding-bottom: 20px;
	border-bottom: 4px solid #2b952b;
}
@media (max-width:992px){
	.page5 .h1{
		padding-top: 90px;
	}
	.page5 .neirong p{
		overflow: hidden;height: 7vh;color: #333 !important;text-align: left;line-height: 20px;font-size: 14px;padding: 18px 0 20px;
	}
}
.page5 .info{
	height: 60vh;margin-top: 8vh; text-align: center;
}
.page5 .info img{
	width: 100%;height: 50vh;
}
.page5 .content{
	width: 100%;height: 10vh;overflow: hidden;padding-top: 10px;background-color: #000;box-sizing: border-box;padding:10px;color: #fff;
}
.page5 .neirong{
	text-align: left; border: 1px solid #000;box-sizing: border-box;padding: 15px;margin: 2vh 0;height: 15vh;overflow: hidden;
}
.page5 .neirong:hover{
	border: 1px solid #2b952b;
	box-shadow: 0px 0px 15px #888;
}
.page5 .neirong p{
	overflow: hidden;height: 8vh;color: #333 !important;text-align: left;line-height: 19px;font-size: 13px;padding: 18px 0;
}
.page5 .btn2{
	background-color: #444444;color: #fff;width: 200px;height: 50px;line-height: 50px;display: block;
}
.page5 .btn2:hover{
	background-color: #2b952b;
}
/* 第五页 新闻中心 结束 */
/* 回顶部 开始 */
.backtop{
    width: 100px;
    height: 100px;
    background-color: #2b952b;
    color: #fff;
    text-align: center;
    font-size: 16px;
    padding-top: 20px;
    box-sizing: border-box;
    position: fixed;
    right: 0;
    bottom: 200px;
    cursor: pointer;
  }
  .backtop:hover{
    background-color: #2b952b;
  }
  /* 回顶部 结束 */
/* 从上飞入效果 ---------------------已实验*/
.fadeInDown {
    animation: fadeInDown 1s;
    -webkit-animation: fadeInDown 1s;
}

@keyframes fadeInDown {
    0% {
        margin-top: -400px;
        opacity: 0;
    }
    100% {
        margin-top: 0px;
        opacity: 1;
    }
}
@-webkit-keyframes fadeInDown{
    0% {
        margin-top: -400px;
        opacity: 0;
    }
    100% {
        margin-top: 0px;
        opacity: 1;
    }
}
/* 从左飞入效果 -------------已实验*/
.fadeInLeft {
    animation: fadeInLeft 1s;
    -webkit-animation: fadeInLeft 1s;
}
@keyframes fadeInLeft {
      0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
      }
      100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
}

/* 从右飞入效果------------已实验 */
.fadeInRight {
    animation: fadeInRight 1s;
    -webkit-animation: fadeInRight 1s;
}
@keyframes fadeInRight {
	0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
      }
      100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
    }

/* 从下飞入效果---------------已实验 */
.fadeInTop {
    animation: fadeInTop 1s;
    -webkit-animation: fadeInTop 1s;
}
@keyframes fadeInTop {
	0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%, 0);
        transform: translate3d(0, 100%, 0);
      }
      100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
    }