/*banner*/
.banner {
	clear:both;
	position:relative;
	width:100%;
	height:650px;
	overflow:hidden;
}
.banner .hd {
	position:absolute;
	left:0;
	bottom:30px;
	width:100%;
	height:2px;
	text-align:center;
	display: none;
}
.banner .hd li {
	display:inline-block;
	*display:line;
	*zoom:1;
	margin:0 10px;
	width:10px;
	height:10px;
	text-indent:-9999px;
	cursor:pointer;
	background:#1373BF;
	border-radius:50%;
}
.banner .hd li.cur {
	background:#1373BF;
}
.banner .bd,.banner .bd ul {
	height:650px;
}
.banner .bd li {
	position:relative;
	width:100%;
	height:650px;
}
.banner .bd li a {
	display:block;
	position:absolute;
	left:50%;
	top:0;
	margin-left:-960px;
	width:1920px;
	height:650px;
}
.banner .prev,.banner .next {
	position:absolute;
	z-index:999;
	top:50%;
	margin-top:-30px;
	width:58px;
	height:58px;
  line-height: 58px;
  color: #fff;
  font-size: 30px;
  text-align: center;
  font-weight: normal;
  border: 1px solid #fff;
	cursor:pointer;
	opacity:0;
	transition: all 1s;
}
.banner .prev {
	left:8%;
}
.banner .next {
	right:8%;
}
.banner:hover .prev,.banner:hover .next {
	opacity:1;
}
/*标题*/
.index-title {
  height: 100px;
  width: 600px;
  margin: 0 auto;
}
.index-title i {
  color:#36A9F2;
}
.index-title span {
	color: #333;
	padding-left: 10px;
	padding-right: 10px;
}
.index-title h2 {
  text-align: center;
  font-size: 42px;
  color: #36A9F2;
  letter-spacing: 3px;
}
.index-title em:before {
  content: "";
  position: absolute;
  width: 120px;
  height: 2px;
  background: #36A9F2; 
  left:520px;
  top:0px;
}
.index-title em:after {
  content: "";
  position: absolute;
  width: 120px;
  height: 2px;
  background:#36A9F2; 
  right:520px;
  top:0px;
}
.index-title em {
  display: block;
  position: relative;
  text-align:center;
  font-size: 16px;
  line-height: 42px;
  text-transform: uppercase;
}


.index-title2 {
  height: 130px;
  width: 600px;
  margin: 0 auto;
  margin-bottom: 30px;
}
.index-title2 i {
  font-weight: bold;
  color:#36A9F2;
}
.index-title2 span {
  color: #0688da;
  /*font-size: 16px;*/
  padding-left: 10px;
  padding-right: 10px;
}
.index-title2 h2 {
  text-align: center;
  font-size: 48px;
  color: #36A9F2;
  line-height: 48px;
  letter-spacing: 3px;
  margin-bottom: 40px;
}
.index-title2 h2:before {
  content: "";
  position: absolute;
  width: 60px;
  height: 4px;
  background:#BAD260;
  left:265px;
  top:68px;
}
.index-title2 em {
  display: block;
  position: relative;
  text-align:center;
  font-size: 21px;
  margin-top: -5px;
  text-transform: uppercase;
}
/*yz*/
.yz{/*background: url(../images/yz_bg.jpg) no-repeat center 0;*/height: 580px;border-top: #ebebeb 1px solid;overflow: hidden;padding: 80px 0 0;}
.yz dl{height: 340px;overflow: hidden;}
.yz dl dt{width: 520px;height: 340px;float: left;line-height: 0;overflow: hidden;}
.yz dl dt img{width: 520px;height: 340px;}
.yz dl dt img,.four_m01 p img,.case_l img,.case_r ul li img{
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.yz dl dt img:hover,.four_m01 p img:hover,.case_l img:hover,.case_r ul li img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.yz dl dd{width: 600px;float: right;}
.yz dl dd h5{font-size: 40px;color: #333;background: url(../image/yinz_tbg.gif) no-repeat 0 20px;line-height: 40px;height: 100px;overflow: hidden;}
.yz dl dd h5 i{display: block;font-size: 20px;color: #666;font-weight: normal;padding: 20px 0 0;}
.yz dl dd p{font-size: 16px;color: #666;line-height: 30px;padding: 15px 0 0;height: 60px;overflow: hidden;}
.yz_list{padding: 20px 0 0;margin-right: -20px;}
.yz_list li {width: 102px;text-align: center;float: left;margin-right: 20px;line-height: 0;-webkit-transition:transform .3s;transition:transform .3s;}
.yz_list li i {width: 102px;height: 102px;background: #F2F2F2;display: block;font-size: 60px;line-height: 102px;text-align: center;/*font-weight: bold;*/}
.yz_list li span{display: block;font-size: 14px;color: #666;height: 36px;line-height: 18px;overflow: hidden;padding: 5px 0 0;}
.yz_list li em {display: block;}
.yz_list li:hover{-webkit-transform:translate(0,-3px);transform:translate(0,-3px);}
.yz_bot{padding-top: 70px;}
.yz_bot ul li{text-align: center;font-size: 18px;color: #333;width: 25%;float: left;-webkit-transition:transform .3s;transition:transform .3s;display: block;}
.yz_bot ul li b {font-size: 62px;color: #36A9F2;}
.yz_bot ul li span {}
/*.yz_bot ul li.nobor{width: 250px;}*/
.yz_bot ul li:hover{-webkit-transform:translate(0,-3px);transform:translate(0,-3px);}
/* --product-- */
.probg {
	background:url(../image/probg.jpg) no-repeat center top;height: 1780px;
}

/*.probg .index-title i {
  color:#fff;
}
.probg .index-title span {
  color: #fff;
  padding-left: 10px;
  padding-right: 10px;
}
.probg .index-title h2 {
  text-align: center;
  font-size: 42px;
  color: #fff;
  letter-spacing: 3px;
}
.probg .index-title em:before {
  content: "";
  position: absolute;
  width: 120px;
  height: 2px;
  background: #fff;
  left:520px;
  top:0px;
}
.probg .index-title em:after {
  content: "";
  position: absolute;
  width: 120px;
  height: 2px;
  background: #fff;
  right:520px;
  top:0px;
}
.probg .index-title em {
  color: #fff;
}*/

/*-- pro-nav--*/
.pro-nav{ width:220px; float: left;}
.pro-nav .pro-nav-list {float: left;height: 35px;width: 220px;line-height: 35px;background:#36A9F2;padding: 15px;font-size: 16px;}
.pro-nav .pro-nav-list a {color: #fff;}
.pro-nav .pro-nav-list i {float: right;color: #fff;}
.pro-nav .pro-nav-list-two {background: #f0f0f0;overflow: hidden;width: 220px;padding: 15px;}
.pro-nav .pro-nav-list-two p a {
  font-size: 14px;
height: 36px;
line-height: 36px;
color: #666;
border-bottom: 1px dashed #ccc;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
display: -webkit-box;
text-overflow: ellipsis;
}
.pro-nav .pro-nav-list-two i {
  float: right;
}
.product-nr {
	float: right;
	width: 950px;
}
.product-nr-list dl{float: left;width:31.2%;margin-left:1.5%; height: 100%;position: relative;margin-bottom: 40px;overflow: hidden;}
.product-nr-list dt{width: 100%;display: block;background: url(../image/product-bg.jpg);background-size: 100% 100%;}
.product-nr-list dt img{width: 100%;display: block;}
.product-nr-list dt em{display: block;height: 42px;line-height: 42px;background: #f5f5f5;text-align: center;font-size: 20px;color: #333333;}
.product-nr-list dd{position: absolute;left:0;bottom:-100%;background-color: rgba(55,170,240,1); width: 100%;height: 100%;transition: all 0.3s linear 0s;}
.product-nr-list h3{padding-top: 19%;height: 44px;line-height: 44px;text-align: center;overflow: hidden;font-size: 20px;font-weight: bold;color: #fff;}
.product-nr-list h3 a{color: #fff;}
.product-nr-list dd p {line-height: 28px;font-size: 14px;color: #fff;width: 90%;margin-left: 5%;}
.product-nr-list dl:hover dd{bottom:0;}
.product-nr-list dl:hover dt em i{display: none;}
.product-nr-list dl:hover dt em{font-size: 0}

.product-nr-list .primary-btn {
  width: 70%;
  margin-left: 12%;
  margin-top: 15px;
}

/* 专利证书 */
.honner{clear: both;height:630px;font-size: 16px;line-height: 30px;color: #333;background: url(../image/honnerbg.jpg) center center no-repeat;padding-top: 90px;}
.hon_p{width: 550px;padding: 30px 0 0;text-align:center;margin-right: 10px;}
.hon_w{width: 620px;padding: 35px 0 0 8px;}
.hon_w h3{height: 68px;font-size: 30px;line-height: 67px;font-weight: normal;color: #000;position:relative;z-index:1;}
.hon_w h3 i {font-size: 42px;font-weight: lighter;color: #36A9F2;margin-left: 30px;margin-right: 10px;}
.hon_w h3:before{content: "";width:530px;left:36px;top:63px;height:1px;position: absolute;background:#999;z-index:-1;}
.hon_w h3 b{width: 95px;float: left;display: block;}
.hon_w h3 em{font-size: 14px;opacity: 0.3;}
.hon_w p{padding: 15px 0 0 75px;display: block;white-space: nowrap;}
.hon_w1{height: 190px;}

/*质量保障*/
.impor{font-size:16px;position: relative;line-height:22px;color: #555;padding:130px 0 0;overflow: hidden;background:#f1f1f1;height: 660px;}
.impor_c dl{width: 400px;height: 260px;position: relative;z-index: 1;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;box-shadow: 0 0 2px 2px rgba(0 , 0 , 0 , 0.05);padding:37px 38px 0 55px;background: #fff;float: left;text-align: center;}
.impor_c dt{height: 158px;/*font-size:18px;line-height: 21px;*/color: #333;}
.impor_c dt h2{width: 120px;height: 120px;display: block;margin: 0 auto;background: #BAD260;border-radius: 50%;text-align: center;}
.impor_c dt h2 i {color: #fff;font-size:68px;line-height: 120px;font-weight: lighter;}
.impor_c dt b{float: left;position: relative;padding: 10px 0 0;text-transform: uppercase;text-align: center;}
.impor_c dt b:before{content: "";position: absolute;width:30px;height: 2px;background: #36A9F2;left:0;top:63px;}
.impor_c dl dd {font-size: 21px;}
.impor_c dl:nth-child(3) dt b,.impor_c dl:nth-child(4) dt b,.impor_c dl:nth-child(1) dt b{padding:0;}
.impor_c dl:nth-child(3) dt b:before,.impor_c dl:nth-child(4) dt b:before,.impor_c dl:nth-child(1) dt b:before{top:66px;}
.impor_c dl:hover,.impor_c dl.cur,.impor_c dl:hover dt b,.impor_c dl.cur dt b{color: #fff;z-index: 9;}
.impor_c dl:hover dt b:before,.impor_c dl.cur dt b:before{background: #fff;}
.impor_c dl:hover:before,.impor_c dl.cur:before{content: "";position: absolute;width: 425px;height: 302px;background: #36A9F2;z-index: -1;left: -12px;top: -21px;}

/* 交期之选 */
.cycle{padding: 75px 0 0;height: 800px;overflow: hidden;font-size: 16px;line-height: 22px;}
.cycle_t{position: absolute;width: 670px;top: 418px;left:542px;text-align: center;font-size: 20px;line-height: 22px;color: #333;z-index: 1;}
.cycle_t li{width:107px;height: 156px;background:url(http://dzbfdz2.com/template/dzbfdz.com/images/cycle_tbg1.png) no-repeat center 0;padding: 22px 25px 0;float: left;margin: 0 10px 0 0;}
.cycle_t li span{display: block;font-size: 36px;line-height: 48px;font-family: Times New Roman;border-bottom: 1px solid #ccc;margin-bottom: 11px;}
.cycle_t li p{height: 58px;border-bottom: 1px solid #ccc;}
.cycle_t li.cur{background:url(http://dzbfdz2.com/template/dzbfdz.com/images/cycle_tbg2.png) no-repeat center 0;color: #fff;}
.cycle_t li.cur span,.cycle_t li.cur p{border-color: #dd666c;}
.cycle_l dl{position: relative;}
.cycle_l dl,.cycle_l dt,.cycle_l dt img{width: 1200px;height: 513px;}
.cycle_l dd{position: absolute;width: 350px;height: 146px;background: rgba(0 , 0 , 0, 0.8);left: 0;top:440px;line-height: 22px;color: #fff;padding: 0 60px;}
.cycle_l dd h3{position: relative;height: 74px;line-height: 77px;font-size: 22px;}
.cycle_l dd h3:before{content: "";position: absolute;width:22px;height: 2px;background: #fff;left:0;top:63px;}

/* 优势 */
.edge{font-size: 16px;line-height: 36px;color: #000;width: 100%;margin: 0 auto;max-width: 1920px;position: relative;}
.edge_p,.edge_p img{width: 100%;display: block;margin: 0 auto;}
.edge_w{width: 560px;position: absolute;left: 50%;margin-left: -600px;top:3.7rem;}
.edge_w h2{font-weight: normal;background:url(http://dzbfdz2.com/template/dzbfdz.com/images/partilbg.png) no-repeat 0 bottom;margin-bottom: 1.8rem;font-size: 48px;line-height: 3.35rem;height:7rem;color:#000;}
.edge_w h2 a{color:#000;}
.edge_w h2 p{font-size: 22px;line-height: 48px;}
.edge_wl{width: 560px;position: absolute;left: 50%;margin-left: -600px;bottom:2rem;color: #fff;}
.edge_wl li{border-right: solid 1px #fff;height: 71px;padding: 0 29px;font-size: 20px;line-height: 28px;float: left;}
.edge_wl li a{color:#000;}
.edge_wl li span{display: block;height: 44px;line-height: 44px;}
.edge_wl li span b{font-family: Times New Roman;font-size: 48px;float: left;padding: 0 4px 0 0;}
.edge_wl li span em{display: inline-block;width: 22px;line-height: 22px;text-align: center;color: #BAD260;background: #fff;border-radius: 22px;font-size: 14px;}
.edge_wl li:first-child{padding-left: 0;}
.edge_wl li:last-child{padding-right: 0;border:0;}

/*案例*/
.case-bg {
  background: #f6f6f6;
  overflow: hidden;
  padding: 85px 0 60px;
}
.case-nav {
  height: 64px;
  line-height: 64px;
  overflow: hidden;
  padding: 30px 0 0;
  position: relative;
}
.case-nav:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #e6e6e6;
  position: absolute;
  bottom: 0;
  left: 0;
}
.case-nav ul li {
  float: left;
  width: 25%;
  height: 64px;
}
.case-nav ul li a {
  font-size: 18px;
  color: #333;
  font-weight: bold;
  display: block;
  height: 64px;
  text-align: center;
  line-height: 64px;
  overflow: hidden;
}
.case-nav ul li a:hover,.case-nav ul li.on a {
  color: #fff;
}
.case-nav ul li i {
  font-size: 28px;
  line-height: 64px;
  margin-right: 10px;
}
.case-nav ul li a {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.case-nav ul li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #36A9F2;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.case-nav ul li a:hover:before,.case-nav ul li.on a:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.case-con {
  margin-top: 68px;
  position: relative;
}
.case-con dl {
  float: left;
  width: 390px;
  margin-right: 20px;
  position: relative;
}
.case-con dt {
  height: 293px;
  overflow: hidden;
}
.case-con dt img {
  width: 390px;
  height: 293px;
  transition: all 0.5s;
}
.case-con dl:hover img {
  transform: scale(1.05);
}
.case-con dd {
  height: 200px;
  background: #fff;
  width: 390px;
  padding: 42px 35px 0;
  box-sizing: border-box;
  border:1px solid #e5e5e5;
  border-top: 0;
  position: relative;
}
.case-con dd:after {
  position: absolute;
  left: 0;
  height: 0;
  bottom: 0;
  width: 390px;
  background:#36A9F2;
  content: "";
  transition: all 0.6s;
}
.case-con dl:hover dd {
  border:0;
}
.case-con dl:hover dd:after {
  height: 200px;
}
.case-con dd h3 a {
  font-size: 22px;
  color: #1a1a1a;
  line-height: 22px;
  font-weight: normal;
  position: relative;
  z-index: 3;
}
.case-con dd h3 i a {
  color: #fff;
  font-size: 30px;
}
.case-con dd p {
  font-size: 15px;
  color: #4c4c4c;
  line-height: 28px;
  margin-top: 18px;
  height: 122px;
  position: relative;
  z-index: 3;
}
.case-con dl:hover h3 a,.case-con dl:hover p {
  color: #fff;
}
.case-con .sprev {
  position:absolute;
  left:-90px;
  top:192px;
  width:80px;
  height:50px;
  z-index: 100;
  border: px solid #000;
  color: #fff;
  background: #BAD260;
  line-height: 50px;
  text-align: center;
  font-size: 36px;
  cursor: pointer;
}
.case-con .snext {
  position:absolute;
  right:-100px;
  top:192px;
  width:80px;
  height:50px;
  z-index: 100;
  color: #fff;
  background: #BAD260;
  line-height: 50px;
  text-align: center;
  font-size: 36px;
  cursor: pointer;
}
.case-con .sprev:hover {
  color: #fff;
  background: #666;
}
.case-con .snext:hover {
  color: #fff;
  background: #666;
}

/*服务流程*/
.liuc_bg{background: #BAD260;height: 400px;overflow: hidden;padding: 48px 0 0;}
.liuc_tit {text-align: center;font-size: 28px;margin-bottom: 10px;color: #fff;}
.liuc_t{padding: 25px 0 0 385px;height: 90px;}
.liuc_t ul li{font-size: 22px;color: #333;width: 180px;height: 46px;line-height: 46px;background: #fff;border-radius: 30px;margin-right: 70px;float: left;cursor: pointer;}
.liuc_t ul li em{display: block;float: left;line-height: 0;width: 26px;height: 26px;overflow: hidden;margin: 10px 10px 0 30px;}
.liuc_t ul li em img{width: 26px;height: 52px;-webkit-transition:all .5s;transition:all .5s;}
.liuc_t ul li:hover,.liuc_t ul li.on{background: #0095d9;color: #fff;}
.liuc_t ul li:hover em img,.liuc_t ul li.on em img{margin-top: -26px;}

.iserve{height:170px;background: url(../image/liuc_line.png) no-repeat center 42px;}
.iserve dl{width: 240px;height: 170px;float: left;position: relative;text-align: center;}
.iserve dl dt{width: 83px;height: 83px;margin: 0 auto;position: relative;}
.iserve dt .hover,.iserve dt .default{background:url(../image/iserve_bg.png);}
.iserve dt i{display:block;width:83px;height:83px;background:url(../image/liuc_icon1.png);}
.iserve02 dt i{display:block;width:83px;height:83px;background:url(../image/liuc_icon2.png);}
.iserve dt .hover,.iserve dt .default{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition:all .5s linear;-webkit-transition:all .5s linear;}
.iserve dt .default{background-position:0 -166px;}
.iserve dt .hover{background-position:0 -83px;color:#fff;opacity:0;visibility:hidden;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
.iserve dt.d1 .default i{background-position:0 0;}
.iserve dt.d1 .hover i{background-position:-83px 0;}
.iserve dt.d2 .default i{background-position:0 -83px;}
.iserve dt.d2 .hover i{background-position:-83px -83px;}
.iserve dt.d3 .default i{background-position:0 -166px;}
.iserve dt.d3 .hover i{background-position:-83px -166px;}
.iserve dt.d4 .default i{background-position:0 -249px;}
.iserve dt.d4 .hover i{background-position:-83px -249px;}
.iserve dt.d5 .default i{background-position:0 -332px;}
.iserve dt.d5 .hover i{background-position:-83px -332px;}

.iserve dl dd{padding: 5px 0 0;font-size: 16px;color: #fff;line-height: 30px;}

/*新闻资讯*/
.news {
  padding: 60px 0 80px;
  margin-top: -140px;
}
.news-t {
  height: 64px;
  line-height: 64px;
  overflow: hidden;
  padding: 30px 0 0;
  position: relative;
}
.news-t:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #e6e6e6;
  position: absolute;
  bottom: 0;
  left: 0;
}
.news-t ul li {
  float: left;
  width: 180px;
  height: 64px;
}
.news-t ul li a {
  font-size: 18px;
  color: #333;
  font-weight: bold;
  display: block;
  width: 180px;
  height: 64px;
  text-align: center;
  line-height: 64px;
  overflow: hidden;
}
.news-t ul li a:hover,.news-t ul li.on a {
  color: #fff;
}
.news-t span {
  float: right;
}
.news-t span a {
  font-size: 18px;
  color: #333;
}
.news-t ul li a {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.news-t ul li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #36A9F2;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.news-t ul li a:hover:before,.news-t ul li.on a:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.news-m {
  padding: 25px 0 0;
}
.news-l {
  width: 487px;
  height: 365px;
  float: left;
}
.news-l li {
  width: 487px;
  height: 365px;
  float: left;
}
.news-l li img {
  width: 487px;
  height: 365px;
}
.news-l li em:after {
  content: "";
  position: absolute;
  z-index: 9;
  width: 86px;
  height: 66px;
  background: url(../image/new-ico.png) no-repeat;
  display: block;
  left: 0;
  top: 0;
}
.news-r {
  width: 680px;
  overflow: hidden;
  float: right;
}
.news-r h3 {
  font-size: 18px;
  line-height: 36px;
  height: 36px;
}
.news-r h3 a {
  color: #36A9F2;
}
.news-r p {
  font-size: 14px;
  line-height: 28px;
}
.news-r dl {
  height: 88px;
  margin-top: 20px;
}
.news-r dl dt {
  width: 100px;
  height: 88px;
  text-align: center;
  float: left;
  display: block;
  color: #fff;
  background: #36A9F2;
}
.news-r dl dt h2 {
  font-size: 24px;
  line-height: 46px;
  height: 46px;
}
.news-r dl dt em {
  width: 100px;
  height: 42px;
  line-height: 42px;
}
.news-r dl dd {
  height: 86px;
  border: 1px solid #36A9F2;
}
.news-r dl dd span {
  line-height: 46px;
  height: 46px;
  font-size: 18px;
  font-weight: bold;
  margin-left: 20px;
}
.news-r dl dd p {
  line-height: 28px;
  height: 28px;
  margin-left: 20px;
}
.news-r dl:hover dt {
  background: #BAD260;
  color: #fff;
  display: block;
}
.news-r dl:hover dd {
  border: 1px solid #BAD260;
  color: #000;
  display: block;
}
/*关于我们*/
.ab-bg {
  background:#f6f6f6;
  height: 580px;
  overflow: hidden;
}
.about dl {
  position: relative;
  height: 580px;
}
.about dl dt {
  width: 960px;
  height: 580px;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 50%;
}
.about dl dt img {
  width: 960px;
  height: 580px;
}
.about dl dd {
  width: 520px;
  float: left;
  padding: 80px 0 0;
}
.about dl dd h2 {
  font-size: 42px;
  color: #333;
  line-height: 42px;
  height: 110px;
  overflow: hidden;
}
.about dl dd h2 i {
  display: block;
  font-size: 20px;
  line-height: 66px;
  font-weight: normal;
  color: #333;
}
.about dl dd h2 a {
  color: #333;
}
.about dl dd h2 a:hover {
  color: #333;
}
.about dl dd h2 em {
  width: 80px;
  height: 6px;
  background: #36A9F2;
  display: block;
}
.ab-desc {
  font-size: 14px;
  color: #333;
  line-height: 30px;
  height: 180px;
  overflow: hidden;
  padding: 20px 0 0;
}
.about dl dd span {
  display: block;
  padding: 25px 0 0;
}
.about dl dd span a {
  display: block;
  font-size: 14px;
  color: #fff;
  width: 110px;
  height: 45px;
  line-height: 45px;
  background: #BAD260;
  overflow: hidden;
  padding: 0 0 0 20px;
}
.about dl dd span a {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.about dl dd span a:hover {
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg);
}
/*公司相册*/
.photo-bg {
  height: 650px;
  box-sizing: border-box;
}
.photo-nav {
  height: 129px;
  clear: both;
  margin-bottom: 28px;
  position: relative;
  top: -50px;
  box-shadow:0 4px 15px #90b2fe;
  width: 800px;
  margin: 0 auto;
}
.photo-nav li {
  height: 129px;
  text-align: left;
  font-size:26px;
  color: #333333;
  display: block;
  float: left;
  width: 400px;
  background: #fff;
  font-weight: normal;
  padding-left:90px;
  padding-top:35px;
  box-sizing: border-box;
}
.photo-nav li a {
  color: #333333;
  text-decoration: none;
}
.photo-nav li i {
  display: block;
  width: 60px;
  height: 60px;
  float: left;
  font-size: 56px;
  line-height: 60px;
  margin-right: 9px;
  position: relative;
  overflow: hidden;
}

.photo-nav li em{
  font-size: 14px;
  text-transform: uppercase;
  color:#cccccc;
  display: block;
}
.photo-nav li.cur {
  background:#36A9F2;
}
.photo-nav li.cur a {
  color: #fff;
}
.photo-nav li.cur em {
  color:#fff;
}
.photo-box {
  width: 1200px;
  height: 580px;
  position: relative;
}
.photo-box i {
  margin-left: 18px;
  width: 80px;
  line-height: 60px;
  height: 60px;
  font-size: 36px;
  color: #fff;
}
.photo-l {
  position: absolute;
  left:-100px;
  top:30%;
  background:#BAD260;
  width:80px;
  height:60px;
  cursor: pointer;
}
.photo-r {
  position: absolute;
  right:-100px;
  top:30%;
  background:#BAD260;
  width:80px;
  height:60px;
  cursor: pointer;
}
.photo {
  width:1200px;
  overflow: hidden;
}
.photo li {
  width:390px;
  position:relative;
  margin-right: 20px;
  float: left;
}
.photo li img {
  display:block;
  width:390px;
  box-sizing: border-box;
  background: url(../image/product-bg.jpg);
  background-size: 100% 100%;
}
.photo li em {
  height:60px;
  font:16px;
  line-height:60px;
  color:#020202;
  background:#f2f2f2;
  overflow:hidden;
  display: block;
  text-align: center;
  -webkit-transition:width .5s;
  transition:width .5s;
}
.photo li a {
  text-decoration: none;
}
.photo li.nones {
  margin-right: 0;
}
.photo li:hover em {
  color: #020202;
  z-index: 1;
}
.photo li img {
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}
.photo li:hover img {
  -webkit-transform:scale(1.01);
  -moz-transform:scale(1.01);
  -ms-transform:scale(1.01);
  transform:scale(1.01);
}
/* 友情链接*/
.link {overflow: hidden;border-bottom: 1px solid #535353;background: #1E1A1B;}
.link a {color: #ccc;}
.link em {background: url(http://dzbfdz2.com/template/dzbfdz.com/images/link.png) left center no-repeat;height: 60px;width: 100px;margin-right: 20px;float: left;}
.link ul {}
.link li  {padding-left: 8px;padding-right: 8px;float: left;font-size: 14px;line-height: 60px;height: 60px;}

/*图标抖动*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}