@charset "utf-8";
/* CSS Document */

/**头部**/
.indexTop{margin:48px 0 40px;}
.indexTop h3{font-size:30px;font-weight:bold;text-align:center;color:#0089e1;}
.indexTop h3 span{color:#f38100;font-weight:bold;}
.indexTop h4{width:100%;float:left;text-align:center;margin:11px 0 24px;}
.indexTop h4 mark{width:100%;text-align:center;font-size:14px;color:#999;margin:0 0 8px;font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;display:block;float:left;}
.indexTop h4 img{margin:0 327px;float:left;}
.indexTop h5{width:100%;float:left;text-align:center;color:#999;font-size:16px;}
.indexTop h5 img{margin:0 9px;}
.indexTop h6{width:100%;float:left;margin:30px 0 0;}
.indexTop h6 img{margin:0 auto;clear:both;display:block;}

#banners{width:100%;height:auto;overflow:hidden}
#banners .img{display:block}
#banners .img img{width:100%;height:auto}
#banners .swiper-button-prev , #banner .swiper-button-next {display: none;}
#banners:hover .swiper-button-prev , #banners:hover .swiper-button-next {display: block;}

/**专利结构**/
.indexCustomer{height:885px;background:url(../images/indexCusImg.jpg) no-repeat center top;}

/**精品案例**/
.BouCaseImg ul li{width:290px;height:545px;float:left;margin:30px 5px 0;color:#333;text-align:center;overflow:hidden;background:#eee;transition:all 0.3s ease-in 0s;}
.BouCaseImg ul li mark{display:block;font-size:50px;font-family:"Bebas Neue";line-height:50px;padding-top:45px;color:#bbb;transition:all 0.3s ease-in 0s;}
.BouCaseImg ul li h3{font-size:18px;line-height:26px;margin:10px 0 0;}
.BouCaseImg ul li h3 p{font-size:25px;text-align:center;margin:10px 25px 0;}
.BouCaseImg ul li p{font-size:14px;line-height:24px;margin:30px 25px 0;display:none;text-align:left;}
.BouCaseImg ul li div{width:100%;height:340px;transition:all 0.3s ease-in 0s;}
.BouCaseImg ul li:hover,.BouCaseImg ul li:hover mark,.BouCaseImg ul li:hover a{color:#FFF;}
.BouCaseImg ul li:hover p{display:block;}
.BouCaseImg ul li:hover span{display:none;}
.BouCaseImg ul li:hover div{display:block;background:#0089e1;}
.BouCaseImg ul li:hover div{margin-top:-145px;}

.BouCaseImg{float:left;position:relative;}
.BouCaseImg .aa{overflow:hidden;}
.BouCaseImg ul{width:500%;}

.BouCaseImg h4.title{width:100%;height:95px;position:absolute;top:50%;margin-top:-47px;z-index:999;}
.BouCaseImg h4 span{width:48px;height:95px;cursor:pointer;background:url(../images/array.png) no-repeat center top;display:block;}
.BouCaseImg h4 span.prev{margin-left:-65px;float:left;}
.BouCaseImg h4 span.next{margin-right:-65px; transform:rotate(180deg);float:right;}


/**您是否也有这样的困惑**/
.indexPain{height:982px;background:url(../images/indexPainImgBG.jpg) no-repeat center top;margin-top:90px;}
.indexPainCont{height:;background:url(../images/indexPainImgBG2.png) no-repeat center top;position:relative;}
.indexPainCont h5{width:100%;height:95px;position:absolute;left:0;top:50%;margin-top:-47px;}
.indexPainCont h5 span{width:48px;height:95px;display:block;float:left;background:url(../images/array.png) no-repeat center top;margin-left:-48px;cursor:pointer;}
.indexPainCont h5 span.next5{width:48px;height:95px;display:block;float:right;transform:rotate(180deg);margin-right:-48px;}

.indexPainFlash{width:1084px;margin:0 auto;overflow:hidden;}
.indexPainLeft{width:200%;margin-top:129px;float:left;}
.comPain ul{width:50%;float:left;}
/*.comPain ul.hover{display:block;}*/
.comPain ul li{height:110px;float:left;}
.comPain ul li p{width:444px;height:80px;float:left;}
.comPain ul li h4{width:128px;height:39px;background:url(../images/comPainImg3.png) no-repeat center top;float:left;font-size:16px;color:#FFF;text-align:center;line-height:39px;margin:0 33px 0 35px;}
.comPain ul li mark{width:21px;height:80px;height:100%;float:left;display:block;margin:29px 23px 0 0;}
.comPain ul li span{width:400px;float:left;font-size:14px;color:#009bff;line-height:24px;}
.comPain ul li p.active mark{float:right;margin:29px 0 0 23px;}
.comPain ul li p.active span{text-align:right;color:#666;}
.comPain ul li p span.two{margin-top:5px;}
.comPain ul li p span.one{line-height:39px;}
.comPain ul li p mark.two{margin-top:18px;}
.comPain ul li p mark.one{margin-top:10px;}

@media screen and (max-width:1250px)
{
	.indexPainCont h5 span{margin-left:0;}
	.indexPainCont h5 span.next5{margin-right:0;}
	#banners{ padding-top:63px;}
}

/**业内首创FDB专利轴承寿命长达100000小时**/
.indexTimeCont section{height:600px;background:url(../images/indexTimeImg5.jpg) no-repeat center top;}
.indexTimeCont dl{width:410px;height:280px;float:left;overflow:hidden;}
.indexTimeCont dl.active{float:right;text-align:right;}
.indexTimeCont dl dd{width:100%;font-size:16px;color:#555;line-height:30px;margin-top:15px;}
.indexTimeCont dl dd mark{color:#0089e1;font-weight:bold;}
.indexTimeCont dl dd.active{width:80%;margin-left:20%;}
.indexTimeCont ul{width:100%;float:left;}
.indexTimeCont ul li{width:200px;height:60px;background:#0089e1;float:left;font-size:21px;font-weight:bold;line-height:60px;text-align:center;color:#FFF;}
.indexTimeCont ul li.active{background:#f38100;margin:0 50px;}



/**优势**/
.indexAdvTop{width:100%;height:543px;text-align:center;background:url(../images/indexAdvTopImg.jpg) no-repeat center bottom;}
.indexAdvTop p{line-height:40px;color:#FFF;font-size:16px;margin-top:65px;}
.indexAdvTop ul{width:100%;float:left;margin-top:40px;background:url(../images/indexAdvTopImg2.png) no-repeat center top;float:left;}
.indexAdvTop ul li{width:130px;height:130px;margin-left:225px;border:1px solid #fff;box-sizing:border-box;border-radius:50%;float:left;}
.indexAdvTop ul li:first-child{margin-left:0;}
.indexAdvTop ul span{display:block;width:226px;margin-top:65px;height:1px;background:#FFF;float:left;}
.indexAdvTop ul li.hover{border:1px solid #f38100;background:#f38100;}
.indexAdvTop ul li mark{width:100%;font-size:16px;color:#FFF;margin-top:10px;float:left;}


.indexAdvFlash{background:#FFF;margin-top:-30px;float:left;}
.indexAdvCont dl{width:100%;float:left;margin-top:80px;}
.indexAdvCont dl dt{width:100%;font-size:18px;color:#333;font-weight:bold;text-align:center;float:left;margin:0 0 15px  0;display:none;}
.indexAdvCont dl mark{width:50px;height:1px;margin:15px auto;display:block;clear:both;background:#ccc;display:none;}
.indexAdvCont dl dd{font-size:16px;color:#666;line-height:30px;text-align:center;text-align:left;}
.titleMain{width:660px;margin:0 auto;}
.indexAdvCont dl ul{width:100%;float:left;margin-top:60px;}
.indexAdvCont dl ul li{width:263px;margin-right:49px;float:left;}
.indexAdvCont dl ul li.active{margin-right:0;}

/**产品中心**/
.indexProCont{float:left;background:#f2f2f2;}
.ProCont ul{width:100%;float:left;margin-top:78px;padding-bottom:100px;}
.ProCont ul li{width:290px;float:left;margin:25px 13px 0 0;}
.ProCont ul li.active{margin-right:0;}
.ProCont ul li mark{width:288px;height:288px;overflow:hidden;display:block;border:1px solid #ccc;}
.ProCont ul li img{width:100%;height:288px;}
.ProCont ul li:hover img{ transform:scale(1.2,1.2);}
.ProCont ul li h3{width:290px;text-indent:1em;font-size:16px;color:#FFF;line-height:75px;float:left;height:75px;background:url(../images/productImgBG.png) no-repeat center top;}

/**行业应用**/
.title_index {
	line-height: 40px;
}

.title_index:after {
	display: block;
	content: '';
	margin: 25px 0 30px;
	width: 40px;
	height: 4px;
	background: #158AD0;
}

.title_center:after {
	display: block;
	content: '';
	margin: 25px auto 30px;
	width: 40px;
	height: 4px;
	background: #158AD0;
}

.title_index .cn {
	font-size: 38px;
	margin-top: -20px;
	color: #222;
}

.title_index .en {
	opacity: 0.05;
	-webkit-opacity: 0.05;
	-ms-opacity: 0.05;
	font-size: 56px;
	font-family: Arial, " Microsoft YaHei";
	font-weight: bold;
	text-transform: uppercase;
}

.title_center {
	text-align: center;
}

@media(max-width:480px) {
	.title_index .cn {
		font-size: 24px;
	}

	.title_index .en {
		font-size: 40px;
	}
}

.Floor002748 {
	width: 100%;
	position: relative;
	z-index: 5;
	color: #333;
	font-size: 18px;
	background: #fafafa;
	overflow: hidden;
}

.Floor002748 .auto {
	z-index: 3;
	padding: 0 !important;
}

.Floor002748 .box {
	padding: 70px 0 100px 0;
}

.Floor002748 .box:nth-child(2) {
	color: #fff
}

.Floor002748 .box:nth-child(2) .title_index .cn {
	color: #fff
}

.Floor002748 .box:nth-child(2) .title_index:after {
	background: #fff;
}

.Floor002748 .lizi-canvas {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 50%;
	height: 70%;
	z-index: -1;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	_filter: none;
}


.Floor002748 .box .ul {
	margin-top: 40px;
}

.Floor002748 .box .ul li {
	cursor: pointer;
	transition: .3s;
	float: left;
	width: 33%;
	text-align: center;
	border: 1px solid #e8e8e8;
	margin-left: -1px;
	margin-top: -1px;
	padding: 20px 0;
	background: #fafafa;
	overflow: hidden;
}

.Floor002748 .box .ul li.on .icon,
.Floor002748 .box .ul li:hover .icon,
.Floor002748 .box .ul li.on .dot,
.Floor002748 .box .ul li:hover .dot {
	transform: scale(1.1);
	color: #fff;
}

.Floor002748 .box .ul li.on,
.Floor002748 .box .ul li:hover {
	background: #158AD0;
	/* transform: scale(1.1); */
	color: #fff
}

.Floor002748 .box .ul li .icon {
	max-width: 48px;
	margin: 0 auto 10px;
	transition: .3s;
}

.Floor002748 .box .ul li .dot{
	transition: .3s;
}

.Floor002748 .box .ul li:hover .icon .img,
.Floor002748 .box .ul li.on .icon .img,
.Floor002748 .box .ul li .icon .hover {
	display: none;
}

.Floor002748 .box .ul li .icon .img,
.Floor002748 .box .ul li:hover .icon .hover {
	display: block;
}

.Floor002748 .box .ul li.on .icon .hover {
	display: block;
}

.Floor002748 .box .dl {
	position: absolute;
	width: 50%;
	right: 0;
	top: 0;
	height: 100%;
	display: none;
}
.Floor002748 .box .dl:nth-of-type(1){display: block;}
.Floor002748 .box .dl dd {
	position: relative;
}

.Floor002748 .box .dl dd::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	content: "";
	display: inline-block;
	z-index: 1;
	background-image: -webkit-linear-gradient(top, transparent 30%, #000 120%);
	background-image: -o-linear-gradient(top, transparent 30%, #000 120%);
	/* background-image: linear-gradient(to bottom, transparent 30%, rgba(0,0,0,0.3) 120%); */
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#FF000000', GradientType=0);
}

.Floor002748 .box .dl .Ispic {
	padding-bottom: 57.939%;
}

.Floor002748 .box .dl .txt {
	position: absolute;
	width: 60%;
	bottom: 7%;
	left: 6%;
	z-index: 5;
}

.Floor002748 .box .dl .txt * {
	color: #fff;
}

.Floor002748 .box .dl .txt h3 {
	margin: 0;
}

.Floor002748 .box .dl .txt p {
	font-size: 14px;
	margin: 20px 0
}

.Floor002748 .box .dl dd .txt a,.Floor002748 .box .dl dd .txt .linkbtn {
	position: relative;
	border-top: 0;
	font-size: 16px;
	display: inline-block;
	line-height: 30px;
	height: 30px;
	width: 126px;
	background: url(../images/more2.png) no-repeat 90% center;
	transition: all .3s;
	font-weight: 100;
}

.Floor002748 .box .info {
	line-height: 38px;
	width: 100%;
	margin: 20px 0 80px 0;
	text-align: justify;
	height: 152px;
}

.Floor002748 .more a {
	color: #fff;
}

.Floor002748 .more a:after {
	display: inline-block;
	content: '';
	width: 34px;
	height: 16px;
	vertical-align: middle;
	margin-left: 20px;
	background: url(../images/more.png) no-repeat center;
}

	.Floor002748 .auto {
		width: 96%;
		margin: 0 auto;
	}

	.Floor002748 .box {
		float: left;
		width: 44%;
		padding-right: 6%;
	}

	.Floor002748 .box:nth-child(2) {
		padding-left: 6%;
		padding-right: 0
	}

@media(max-width:1400px) {
	.Floor002748 .slider {
		margin-right: 0;
	}
}

@media(max-width:1024px) {
	.Floor002748 .box:nth-child(2) {
		background: url(../images/Floor002748_bg.jpg) no-repeat center center;
		background-size: cover;
	}

	.Floor002748 .box {
		padding: 10% 0%;
		width: 100%;
	}

	.Floor002748 .lizi-canvas {
		width: 100%;
		height: 100%;
		bottom: 30%;
	}
	.Floor002748 .box .ul{
		position: relative;
        overflow: hidden;
	}
	.Floor002748 .box .dl{
		position: relative;
		width: 100%;
	}
	  .Floor002748 .box .info {
    margin: 10px auto 20px;
    height: 72px;
  }
  .Floor002748 .box .dl .txt {
    width: 96%;
    left: 2%;
    bottom: auto;
    top: 20px;
  }
  .Floor002748 .box .dl .txt p {
    margin: 0;
    line-height: 24px;
  }
}



/***关于我们**/
.indexAboutTop{width:100%;height:460px;overflow:hidden;}
.indexAboutTop h3{width:460px;font-size:18px;color:#666;line-height:45px;float:right;}
.indexAboutTop p{width:460px;float:right;}
.indexAboutTop p a{width:460px;display:;font-size:14px;color:#6c6c6c;line-height:35px;margin:15px 0 0 0;display:block;}
.indexAboutTop img{float:left;display:block;}
.indexAboutTop h4{width:460px;float:right;margin-top:20px;}
.indexAboutTop h4 a{width:145px;height:40px;background:#009bff;display:block;text-align:center;line-height:40px;font-size:18px;color:#FFf;}
.indexAboutCont ul{width:1000%;}
.indexAboutCont ul li{width:266px;height:199px;float:left;margin-right:20px;}

/**备用**/
#indexAboutFlash{height:240px;overflow:hidden;display:none;}
#indexAboutFlash span{display:none;}
#indexAboutFlash li{width:266px;height:240px;margin-right:45px;}
#indexAboutFlash li h3{width:100%;height:45px;line-height:45px;text-align:center;font-size:14px;color:#666;float:left;}

.index-album-flash tr td img{margin-right:42px;float:left;margin-left:-1px;}
.index-album-flash tr td{margin-left:-1px;}
.index-album-flash tr td h3{width:266px;float:left;line-height:45px;text-align:center;font-size:14px;color:#666;}

/********************************************************************首页图片展示动画，开始*************************************************************************************************************/

/**新闻中心**/
.indexNews ul{margin-top:20px;float:left;}
.indexNews ul li{width:380px;height:360px;background:#f9f9f9;float:left;margin-right:30px; transition:all 0.6s linear 0s;margin-bottom:30px;}
.indexNews ul li.active{margin:0 0 0 0;}
#indexNewsImg{width:380px;height:210px;overflow:hidden;display:block;position:relative;}
#indexNewsImg time{display:block;width:124px;height:38px;line-height:38px;text-align:center;font-size:12px;font-family:Arial;color:#FFF;background:#009bff;position:absolute;left:50%;margin-left:-62px;bottom:0;}
#indexNewsImg img{width:380px;height:210px;}
.indexNews ul li:hover #indexNewsImg img{width:110%;height:110%;margin:-5%;}
.indexNews ul li h3 a{width:332px;margin:15px auto;display:block;font-size:16px;color:#111;}
.indexNews ul li .indexNewsCont a{width:332px;margin:15px auto;display:block;font-size:14px;line-height:24px;}