/*轮播图*/
/*幻灯片css样式*/
.main{height: auto;width: 1000px;margin-right: auto;margin-left: auto;}
.banner{height: 500px;width: 100%;}
.slide{height: 500px;position: relative;overflow: hidden;}
.slide .slide_task{height: 500px;background-repeat: no-repeat;background-position: center;min-width: 1240px;width: 100%;float: left;}
.slide .slide_task .apply{position: absolute;left: 50%; margin-left:-500px;top: 0px;height: 500px;display: block;width: 1000px; cursor:pointer;}
.slide .slide_spans{height: 5px;z-index: 1999;position: absolute;top: 450px;left: 0;width: 100%;min-width: 1240px;text-align: center;}
.triangle{width: 18px;height: 12px;z-index: 1999;position: absolute;top: 488px;left: 0;background: url(../images/triangle.jpg) no-repeat center 0px;;width: 100%;min-width: 1240px;text-align: center;}
.prev_next{display: none;height: 20px;z-index: 1999;position: absolute;top: 245px;left: 50%;margin-left: -500px;width: 1000px;text-align: center;}
.prev{cursor: pointer;width: 18px;height: 20px;z-index: 1999;position: absolute;top: 0px;left: 0;background: url(../images/n_p.png) no-repeat 0px 0px;text-align: center;}
.next{cursor: pointer;width: 18px;height: 20px;z-index: 1999;position: absolute;top: 0px;right: 0;background: url(../images/n_p.png) no-repeat -22px 0px;text-align: center;}
.slide .slide_spans .slide_spans_span{width: 15px;height: 15px;margin: 0px 2px;background: url(../images/ico.png) no-repeat 0px 0px;display: inline-block;}
.slide .slide_spans .slide_spans_span.on{background: url(../images/ico1.png) no-repeat 0px 0px;}

/*产品中心内容区*/
.index_product_content{
	width: 1268px;
	margin: 0 auto;
	min-height: 400;
}
.content_area{
	width: 100%;
	min-height: 400px;
	margin-top: 74px;
	text-align: center;
}
.content_area .content_tittle{
	font-size: 35px;
	color: black;
}
.content_area .content_introduce{
	font-size: 20px;
	margin-top: 20px;
}
.gang{
	width: 100px;
	height: 6px;
	background: #d4453e;
	margin: 0 auto;
	margin-top: 19px;
}

/*左侧滑出样式*/
.product_center{
	position: relative;
}
.product_center .u_list {
	position:relative;
	height: 398px;
	width: 1201px;
	padding:0px;
	overflow:hidden;
	margin: 0 auto;
	margin-top: 52px;
}
.product_center .u_list ul {
	height: 398px;
	width: 1202px;
	position: absolute;
	left:0px;
	top: 0px;
}
.product_center ul li {
	float: left;
	height: 398px;
	width: 280px;
	margin-left: 16px;
	text-align: center;
}
.product_center ul li .li_img {
	height: 292px;
	width: 280px;
	position: relative;
	overflow: hidden;
}
.product_center ul li .li_img img{
	position: absolute;
	top: 0;
	left: -6px;
	padding-right: 6px;
	transition: left 0.25s;
	-webkit-transition: left 0.25s;
	-moz-transition: left 0.25s;
}
.product_center ul li .li_img:hover img{
	left: 0px;
}
.product_center ul li .li_img .box_zhezhao{
	width: 100%;
	height: 100%;
	background: rgba(47,47,47,0);
	position: relative;
	left: 0;
	top: 0;
	z-index: 99;
	transition: background 0.25s;
	-webkit-transition: background 0.25s;
	-moz-transition: background 0.25s;
	border:1px solid white;
	cursor: pointer;
}

.product_center ul li .li_img:hover .box_zhezhao{
	background: rgba(47,47,47,0.6);
	
}
.product_center ul li .li_img .box_zhezhao .da_quan{
	width: 102px;
	height: 103px;
	background: url(../images/quan.png);
	margin-top: 105px;
	margin-left: -85px;
	opacity: 0;
	transition: opacity 0.25s,transform 0.25s;
	-webkit-transition: opacity 0.25s,transform 0.25s;
	-moz-transition: opacity 0.25s,transform 0.25s;
	cursor: pointer;
}
.product_center ul li .li_img:hover .box_zhezhao .da_quan{
	transform:translateX(171px);
	opacity: 1;
}
.product_center ul li .li_img .box_zhezhao .search{
	width: 53px;
	height: 53px;
	background: url(../images/search.png);
	margin-top: -76px;
	margin-left: 288px;
	opacity: 0;
	transition: opacity 0.25s,transform 0.25s;
	-webkit-transition: opacity 0.25s,transform 0.25s;
	-moz-transition: opacity 0.25s,transform 0.25s;
}
.product_center ul li .li_img:hover .box_zhezhao .search{
	transform:translateX(-178px);
	opacity: 1;
	cursor: pointer;
}
.product_center ul li .img_names {
	margin-top: 27px;
	font-size: 20px;
	color: black;
}
.product_center .img_price{
	color: #656565;
	font-size: 14px;
	margin-top: 19px;
}
.product_center .prev{
	position: absolute;
	width: 36px;
	height: 67px;
	background: url(../images/content_prev.png);
	left: -6px;
	top: 50%;
	margin-top: -33px;
	display: none;
}
.product_center .prev:hover{
	background: url(../images/content_prev_hover.png);
}
.product_center .next{
	position: absolute;
	width: 36px;
	height: 67px;
	background: url(../images/content_next.png);
	right: -6px;
	top: 50%;
	margin-top: -33px;
	display: none;
}
.product_center .next:hover{
	background: url(../images/content_next_hover.png);
}
/*成功案例内容区*/
.success_thing_content{
	width: 99.9%;
	min-height: 803px;
	background: #f5f5f5;
	margin-top: 80px;
	border:1px solid white;
}
.success_thing_content_area{
	width: 1199px;
	min-height: 680px;
	margin: 0 auto;
	text-align: center;
	margin-top: 52px;
}
.success_thing_content_area .content_tittle{
	font-size: 35px;
	color: black;
}
.success_thing_content_area .content_introduce{
	font-size: 20px;
	margin-top: 20px;
}
/*成功案例内容区滑动*/
.success_center{
	position: relative;
	overflow: hidden;
}
.success_center .u_list {
	position:relative;
	height: 557px;
	width: 1199px;
	padding:0px;
	overflow:hidden;
	
	margin: 0 auto;
	margin-top: 52px;
}
.success_center .u_list ul {
	height: 557px;
	width: 1199px;
	position: absolute;
	left:0px;
	top: 0px;
}
.success_center ul li {
	float: left;
	width: 400px;
	height: 557px;
	text-align: center;
}
.success_center ul li .li_img {
	width: 399px;
	height: 557px;
	overflow: hidden;
}
.success_center ul li .li_img .success_thing_introduce{
	width: 397px;
	height: 277px;
	background: #52ade2;
	text-align: center;
	position: relative;
	border:1px solid #52ade2;
}
.success_center ul li .li_img .success_thing_introduce em{
	display: block;
	position: absolute;
	width: 27px;
	height: 13px;
	background: url(../images/jt_top.png);
	left: 50%;
	margin-left: -13px;
	top: -13px;
}
.success_center ul li .li_img .success_thing_introduce_even{
	width: 397px;
	height: 277px;
	background: #52ade2;
	text-align: center;
	position: relative;
	border:1px solid #52ade2;
}
.success_center ul li .li_img .success_thing_introduce_even em{
	display: block;
	position: absolute;
	width: 27px;
	height: 13px;
	background: url(../images/jt_down.png);
	left: 50%;
	margin-left: -13px;
	bottom: -13px;
}
.success_thing_introduce_tittle{
	margin-top: 66px;
	color: white;
	font-size: 20px;
}
.success_thing_introduce_xq{
	width: 288px;
	height: 120px;
	word-break: break-all;
	margin: 0 auto;
	margin-top: 18px;
	color: white;
	font-size: 15px;
	text-align: left;
	line-height: 20px;
}
.success_center .prev_box{
	width: 63px;
	height: 557px;
	background: rgba(255,255,255,0.6);
	position: absolute;
	left: -63px;
	top: 53px;
	z-index: 100;
	transition: left 0.5s;
	-webkit-transition: left 0.5s;
	-moz-transition: left 0.5s;
}
.success_center:hover .prev_box{
	left:0;
}
.success_center .prev{
	position: absolute;
	width: 27px;
	height: 53px;
	background: url(../images/success_center_prev.png);
	top: 50%;
	left: -30px;
	opacity: 0;
	transition: opacity 0.4s,transform 0.8s;
	-moz-transition: opacity 0.4s,transform 0.8s;
	-webkit-transition: opacity 0.4s,transform 0.8s;
}
.success_center:hover .prev{
	opacity:1;
	transform:translateX(39px);
	-moz-transform:translateX(39px);
	-webkit-transform:translateX(39px);
}

.success_center .next_box{
	width: 63px;
	height: 557px;
	background: rgba(255,255,255,0.6);
	position: absolute;
	right: -63px;
	top: 53px;
	z-index: 100;
	transition: right 0.5s;
	-webkit-transition: right 0.5s;
	-moz-transition: right 0.5s;
}
.success_center:hover .next_box{
	right:0;
}
.success_center .next{
	position: absolute;
	width: 27px;
	height: 53px;
	background: url(../images/success_center_next.png);
	top: 50%;
	right: -30px;
	opacity: 0;
	transition: opacity 0.4s,transform 0.8s;
	-moz-transition: opacity 0.4s,transform 0.8s;
	-webkit-transition: opacity 0.4s,transform 0.8s;
}
.success_center:hover .next{
	opacity:1;
	transform:translateX(-39px);
	-moz-transform:translateX(-39px);
	-webkit-transform:translateX(-39px);
}

/*成功案例内容区*/
.industry_thing_content{
	width: 99.9%;
	min-height: 702px;
	margin-top: 50px;
	border:1px solid white;
}
.industry_thing_content_area{
	width: 1204px;
	min-height: 680px;
	margin: 0 auto;
	text-align: center;
	margin-top: 52px;
}
.industry_thing_content_area .content_tittle{
	font-size: 35px;
	color: black;
}
.industry_thing_content_area .content_introduce{
	font-size: 20px;
	margin-top: 20px;
}
.industry_thing_list{
	width: 1204px;
	min-height: 394px;
	margin-top: 55px;
}
.industry_thing_list ul{
	margin-left: -44px;
}
.industry_thing_list ul li{
	width: 371px;
	min-height: 394px;
	float: left;
	margin-left: 44px;
}
.industry_thing_list_li_top{
	width: 332px;
	height: 58px;
	background: #f5f5f5;
	line-height: 58px;
	padding-left: 9px;
	padding-right: 30px;
}
.industry_thing_list_li_top p{
	color: #2b6baa;
	font-size: 20px;
	float: left;
}
.industry_thing_list_li_top a{
	font-size: 16px;
	color: #b3b3b3;
	float: right;
}
.industry_thing_list_li_top a:hover{
	color: #86c1e7;
}
.industry_thing_list .industry_thing_list_bg{
	display: block;
	margin-top: 25px;
}
.xx{
	width: 370px;
	height: 0px;
	border: 1px dashed #959595;
	margin-top: 21px;
}
.industry_thing_list_li_every{
	margin-top: 22px;
	font-size: 14px;
	color: #626262;
	text-align: left;
	padding-left: 15px;
	padding-right: 5px;
	position: relative;
	margin-bottom: 10px;
	cursor: pointer;
	transition: color 0.35s;
}
.industry_thing_list_li_every em{
	position: absolute;
	width: 8px;
	height: 8px;
	background: #626262;
	top: 4px;
	left: 2px;
	border-radius: 50%;
	transition: background 0.35s;
	-moz-transition: background 0.35s;
	-webkit-transition: background 0.35s;
}
.industry_thing_list_li_every:hover{
	color: #e60012;
}
.industry_thing_list_li_every:hover em{
	background: #e60012;
}
/*友情链接内容区*/
.fried_href_content{
	width: 99.9%;
	min-height: 798px;
	background: #f5f5f5;
	border:1px solid white;
}
.fried_href_content_area{
	width: 1264px;
	min-height: 798px;
	margin: 0 auto;
	text-align: center;
	margin-top: 44px;
}
.fried_href_content .content_tittle{
	font-size: 35px;
	color: black;
}
.fried_href_content .content_introduce{
	font-size: 20px;
	margin-top: 20px;
}
.fried_href_content_list{
	width: 100%;
	min-height: 390px;
	margin-top: 40px;
}
.fried_href_content_list ul li{
	width: 280px;
	height: 180px;
	position: relative;
	cursor: pointer;
	margin-left: 26px;
	float: left;
	margin-top: 24px;
	margin-bottom: 24px;
}
.fried_href_content_list ul li .fried_href_content_list_mengceng{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(47,47,47,0);
	transition: background 0.25s;
	-webkit-transition: background 0.25s;
	-moz-transition: background 0.25s;
}
.fried_href_content_list ul li:hover .fried_href_content_list_mengceng{
	background: rgba(47,47,47,0.5);
}
.fried_href_content_list ul li .fried_href_content_list_mengceng .baiquan{
	width: 104px;
	height: 104px;
	background: rgba(255,255,255,0);
	position: absolute;
	top: 50%;
	margin-top: -52px;
	left: 50%;
	margin-left: -52px;
	border-radius: 50%;
	transform: scale(2,2);
	-webkit-transform: scale(2,2);
	-moz-transform: scale(2,2);
	transition: background 0.2s,transform 0.4s;
	-webkit-transition: background 0.2s,transform 0.4s;
	-moz-transition: background 0.2s,transform 0.4s;
}
.fried_href_content_list ul li:hover .fried_href_content_list_mengceng .baiquan{
	background: rgba(255,255,255,0.5);
	transform: scale(1,1);
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
}
.fried_href_content_list ul li .fried_href_content_list_mengceng .search{
	width: 53px;
	height: 53px;
	background: url(../images/search.png);
	position: absolute;
	top: 50%;
	margin-top: -26px;
	left: 50%;
	margin-left: -26px;
	transform: scale(0,0);
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	opacity: 0;
	transition: opacity 0.2s,transform 0.4s;
	-moz-transition: opacity 0.2s,transform 0.4s;
	-webkit-transition: opacity 0.2s,transform 0.4s;
}
.fried_href_content_list ul li:hover .fried_href_content_list_mengceng .search{
	opacity: 1;
	transform: scale(1,1);
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
}
.fried_href_content_list_href{
	width: 100%;
	margin-top: 27px;
}
.fried_href_content_list_href .fried_href_content_list_href_ul_one{
	margin-left: 19px;
}
.fried_href_content_list_href .fried_href_content_list_href_ul_one li{
	margin-left:12px;
	float: left;
	margin-top: 32px;
}
.fried_href_content_list_href .fried_href_content_list_href_ul_one li a{
	color: #656565;
	font-size: 20px;
	transition: color 0.25s;
}
.fried_href_content_list_href .fried_href_content_list_href_ul_one li a:hover{
	color: #c63232;
}