/*公共部分*/
body{background: url(../img/all-bg.jpg); background-size: 100%; background-attachment:fixed; background-repeat: repeat-y;overflow-x:hidden;}

header{
	background: #f8f8f8;
	width: 100%;
}
.banner{
	width: 100%;
}
.mt20{margin-top: 20px;}

.navbar {margin-bottom: 0; border: none; border-radius: 0; }
.banner-swiper{width: 100%;}
.bannerCont{width: 100%;}
.bannerCont img{width: 100%;}
.product{
	background: #fff;
	padding: 40px 0;
}
.product .product-item{
	padding: 20px 0;
}
.product .product-item h2{
	font-size: 18px;
	padding-top: 20px;
	color: #444;
}
.product .product-item p{
	font-size: 14px;
	padding-top: 20px;
	color: #808080;
}
/*内容公共部分*/
.info{
	padding: 40px 0;
	background: #fff;
}
.info .info-title{
	text-align: center;
	font-size: 24px;
	margin: 20px 0;
}
.info .info-more{
	border: 1px solid #dedede;
	padding: 7px 15px;
	border-radius: 50px;
}

/*info1*/
.info1{}
.info1 .info1-swiper{
	padding-bottom: 40px;
}
.info1 .info1-item{
	position: relative;
}
.info1 .info1-item img{
	width: 100%;
}
.info1-item .info1-hide{
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 10px;
	transition: all 0.3s;
}
.info1-item:hover .info1-hide{
	display: block;
}

/*info2*/
.info2{
	background: #f8f8f8;
}
.info2>.info-title{display: none;}
.info2-img{}
.info2-img img{
	width: 100%;
}
.info2-text{}
.info2-text .info-title{
	margin-top: 50px;
}
.info2-text p{
    font-size: 15px;
    line-height: 27px;
}

/*info3*/
.info3{}
.info3 .info3-text{
    margin-top: 64px;
    font-size: 17px;
}
.info3 .info3-img{}
.info3 .info3-img img{width: 100%;}

/*info4*/
.info4{background: #e0f9e0;}
.info4-swiper{
	padding-bottom: 50px;
}
.info4 .info4-item{
	background: #fff;
	padding: 20px;
}
.info4-item .info4-img{
	margin: 10px auto;
	width: 100px;
	height: 100px;
	overflow: hidden;
}
.info4-item .info4-img img{width: 100%;}
.info4-item p{
	height: 78px;
	margin-top: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:4;
	font-size: 14px;
}
.info4-item h5{
	margin-top: 40px;
	font-size: 18px;
	font-weight: bold;
}
/*info5*/
.info5{}
.info5 .info5-item{
	margin-bottom: 20px;
}
.info5-item .info5-img{}
.info5-item .info5-img img{width: 100%;}
.info5-item p{
	width: 100%;
	color: #fff;
	text-align: center;
	line-height: 30px;
	font-weight: bold;
}
/*info6*/
.info6{background: rgba(153, 204, 153, 0.6);}
.info.info6 .info-title{margin: 30px 0; color: #fff;}

/*foot1*/
.foot1 { width: 100%; min-width: 768px; background-color: #fff; }
.foot1 .footer-top { padding: 40px 0; color: #444; text-align: center; }
.foot1 .footer-top dt { line-height: 30px; font-size: 15px; }
.foot1 .footer-top dd { line-height: 30px; font-size: 12px; }
.foot1 .footer-top dd a { color: #858585; }
.foot1 .footer-top dd a:hover { color: #2a9a43; }
.foot1 .footer-bottom { background: #fff; padding: 20px 0; color: #999; font-size: 12px; text-align: center; }

/*index-right*/
.index-right { position: fixed; top: 0; right: 0; height: 100%; width: 40px; background: #fff; box-shadow: 0 0 2px #ccc; z-index: 20; }
.index-right .right-con { position: absolute; top: 50%; right: 0; margin-top: -156px; padding: 20px 0; width: 100%; }
.index-right .right-con .right-item:first-child { padding-bottom: 0; }
.index-right .right-con .right-item:first-child p { font-size: 12px; padding: 9px 10px; border-bottom: 1px solid #dedede; }
.index-right .right-bottom { position: absolute; bottom: 15px; right: 0; width: 100%; }
.index-right .right-bottom #goTop { display: inline-block; width: 28px; height: 28px; background: url(../img/gotop.png) no-repeat; }
.index-right .right-item { position: relative; font-size: 20px; color: #444; text-align: center; padding: 5px 0; cursor: pointer; }
.index-right .right-item .right-item-intro { position: absolute; background: #2a9a43; font-size: 14px; width: 100px; right: 80px; height: 100%; top: 0; line-height: 38px; color: #fff; transition: all 0.3s; opacity: 0; }
.index-right .right-item .right-item-intro .fa-caret-right { position: absolute; color: #2a9a43; right: -6px; top: 50%; margin-top: -10px; font-size: 20px; }
.index-right .right-item:hover { background-color: rgba(42, 154, 67, 0.4); }
.index-right .right-item:hover .right-item-intro { right: 40px; display: block; opacity: 1; }

/*响应式*/

/* 小型设备（平板电脑，768px 起） */
@media (min-width: 768px) {
	.navbar-nav {float: right; }
	.dropdown:hover .dropdown-menu{display: block;}
	.info2>.info-title{display: block;}
	.info2-text .info-title {display: none;}
	.info2-img {padding: 30px 0; }
}

/* 中型设备（台式电脑，992px 起） */
@media (min-width: 992px) {
	.navbar-nav>li>a {padding-top: 25px; padding-bottom: 25px; }
	.navbar-brand {padding: 25px 15px; }
	.info .info-title{margin: 20px 0 40px;}
	.info2>.info-title{display: none;}
	.info2-text .info-title {margin-top: 6%; margin-bottom: 30px; display: block;}
	.info2-img {padding: 0; }
}

/* 大型设备（大台式电脑，1200px 起） */
@media (min-width: 1200px) {
	.info2-img {padding-right: 20px; }
}