﻿/*分类滚动*/

.exproduct {
	position: relative;
	overflow: hidden;
	background-size: auto;
	background-color: #fff;
	padding: 0px 0;
}

.ab_img2 {
	width: 1200px;
	margin: 0 auto;
	clear: both;
	position: relative;
	overflow: hidden;
	margin-bottom: 1px;
}

.ab_img2 ul {
	width: 1200px;
	margin-left: -20px;
	position: relative;
}

.ab_img2 li {
	width: 285px;
	margin-left: 20px;
	float: left;
	position: relative;
	overflow: hidden;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	padding-bottom: 0px;
}

.ab_img2 li img {
	width: 100%;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	overflow: hidden;
}

.ab_img2 .pro_next:hover {
	background-color: #E5B444;
}

.ab_img2 .pro_prv:hover {
	background-color: #E5B444;
}

.ab_img2 li:hover img {
	transform: scale(1.1, 1.1);
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.ab_img2 .pro_prv {
	width: 28px;
	height: 50px;
	left: 10px;
	top: 50%;
	background-image: url(ab_prv.png);
	position: absolute;
	cursor: pointer;
	margin-top: -40px;
	background-color: rgba(0, 0, 0, .1);
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.ab_img2 .pro_next {
	width: 28px;
	margin-top: -40px;
	height: 50px;
	right: 10px;
	top: 50%;
	background-image: url(ab_next.png);
	background-size: cover;
	position: absolute;
	cursor: pointer;
	background-color: rgba(0, 0, 0, .1);
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.ab_img2 .project_info {
	position: absolute;
	bottom: 0px;
	width: 100%;
	top: auto;
	background: #F5F5F5;
}

.ab_img2 .project_info p.title {
	margin-top: 1px;
	height: 24px;
	font-size: 15px;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	color: #ccc;
	text-align: center;
	padding: 8px;
}



/*intt.asp类别*/


.exlist a .prodcut_info {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0);
	position: absolute;
	left: 0;
	top: 0;
	transition: all ease-out .3s;
         line-height: 200%;
}

.exlist a .prodcut_info div {
	position: relative;
	top: 50%;
	margin-top: -25px;
}

.exlist a .prodcut_info p.prodcut_title {
	margin-top: 10px;
	color: rgba(0, 0, 0, 0);
	font-size: 16px;
	transition: all ease-out .3s;
}

.exlist a .prodcut_info p.prodcut_text {
	margin-top: 10px;
	color: rgba(0, 0, 0, 0);
	font-size: 12px;
	transition: all ease-out .3s;
}

.exlist li:hover .prodcut_info {
	background: rgba(229, 180, 68, .9);
}

.exlist li:hover .prodcut_info p.prodcut_title {
	margin-top: -40px;
	color: #fff;
        font-family: '微软雅黑';
	font-size: 24px;
}

.exlist li:hover .prodcut_info p.prodcut_text {
	margin-top: 0px;
	color: #fff;
	font-family: arial;
}

.exlist li::after {
	content: '';
	width: 28px;
	height: 28px;
	background: url(../images/jt1.png);
	margin-left: -14px;
	margin-top: 0px;
	position: absolute;
	top: 0%;
	left: 50%;
	z-index: 10;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	opacity: 0;
}

.exlist li:hover::after {
	margin-top: 10px;
	top: 52%;
	opacity: 1;
}

.exlist a .prodcut_info p {
	text-align: center;
	color: #fff;
	padding: 0 20px;

}

.exlist li:hover img {
	transform: scale(1.2, 1.2);
}




/*news了解更多*/

.newslist a.news_more {
	margin: 0px auto 50px;
	display: block;
	border: #dfdfdf 1px solid;
	position: relative;
	z-index: 99;
}

.newslist a.news_more {
	color: transparent;
	background: #fff;
	width: 180px;
	height: 30px;
	transition: all ease-out .9s;
	border-radius: 0px;
	font-size: 13px;
        color: #ccc;
        font-family: arial;
        line-height: 30px;
}

.newslist a.news_more:hover {
	color: transparent;
	background: #fff;
	width: 180px;
	height: 30px;
	transition: all ease-out .9s;
	border-radius: 0px;
	font-size: 13px;
        color: #fff;
        font-family: arial;
        line-height: 30px;
      
}

.newslist a.news_more i{display: block;width: 0;height: 30px;background: #E5B444; transition: all 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;left: 0;position: absolute;top: 0;z-index: -1;}
.newslist a.news_more:hover i{width: 100%; }
.exlist a img {
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

