@import "page.css";

#bdxcx_why{width:100%;padding:80px 0;}
#bdxcx_why .list{margin-top:50px;text-align:center}
#bdxcx_why .list img{max-width:100%}

#bdxcx_zn{width:100%;padding:80px 0;background:#f8f8f8}
#bdxcx_zn .wrap{overflow:inherit}
#bdxcx_zn .list{margin-top:50px}
#bdxcx_zn .list ul li{float:left;width:calc((100% - 60px) / 3);margin-right:30px;text-align:center;border:1px solid #eee;background:#fff;padding:50px}
#bdxcx_zn .list ul li:last-child{margin-right:0}
#bdxcx_zn .list ul li .icon{text-align:center;}
#bdxcx_zn .list ul li .icon i{font-size:36px;width:80px;height:80px;border:2px solid #2468F2;border-radius:100%;line-height:80px;text-align:center;color:#2468F2}
#bdxcx_zn .list ul li .text{margin-top:30px}
#bdxcx_zn .list ul li .text big{display:block;font-size:18px}
#bdxcx_zn .list ul li .text small{display:block;font-size:14px;color:#878B99;line-height:24px;margin-top:10px}
#bdxcx_zn .list ul li:hover{-webkit-transform:translatey(-10px);-ms-transform:translatey(-10px);-o-transform:translatey(-10px);transform:translatey(-10px);box-shadow:0px 0px 12px 0px rgba(0,0,0,0.06);}

#bdxcx_td{width:100%;padding:80px 0;}
#bdxcx_td .list{margin-top:50px}
#bdxcx_td .list .img{text-align:center}
#bdxcx_td .list .img img{max-width:100%}
#bdxcx_td .list ul li{float:left;width:calc((100% - 90px) / 4);margin-right:30px;border:1px solid #eee;padding:20px;background:#f8f8f8;margin-top:30px}
#bdxcx_td .list ul li:last-child{margin-right:0}
#bdxcx_td .list ul li big{display:block;font-size:18px;}
#bdxcx_td .list ul li small{display:block;font-size:14px;color:#878B99;margin-top:10px;line-height:24px;height:50px;}
#bdxcx_td .list ul li:hover{background:#2468F2;border:1px solid #2468F2}
#bdxcx_td .list ul li:hover big,
#bdxcx_td .list ul li:hover small{color:#fff}

#bdxcx_al{width:100%;padding:80px 0;background:url(../images/shop_cj_bg.png) no-repeat center center;background-size:cover}
#bdxcx_al .list{margin-top:50px}
#bdxcx_al .list ul li{float:left;width:calc((100% - 120px) / 5);margin-right:30px;}
#bdxcx_al .list ul li:last-child{margin-right:0}
#bdxcx_al .list ul li img{width:100%}
#bdxcx_al .list ul li:hover{-webkit-transform:translatey(-10px);-ms-transform:translatey(-10px);-o-transform:translatey(-10px);transform:translatey(-10px);}

#bdxcx_xxl{width:100%;padding:80px 0;}
#bdxcx_xxl .list{margin-top:50px}
#bdxcx_xxl .list ul li{float:left;width:calc((100% - 60px) / 3);margin-right:30px}
#bdxcx_xxl .list ul li:last-child{margin-right:0}
#bdxcx_xxl .list ul li .img img{width:100%}
#bdxcx_xxl .list ul li p{text-align:center;margin-top:20px;font-size:18px}

#bdxcx_api{width:100%;padding:80px 0;background:#f8f8f8}
#bdxcx_api .list{margin-top:50px;text-align:center}
#bdxcx_api .list img{max-width:100%}




#nbanner {
  height: 480px;
  position: relative;
  z-index: 1;
  background: #333;
  overflow: hidden;
}
#nbanner .img {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  animation: banerBg 3s linear forwards;
}
#nbanner .text {
  color: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  text-align: center;
  width: 100%;
  padding: 0 50px;
}
#nbanner .text big {
  display: block;
  font-size: 36px;
  font-weight: 700;
  line-height: 50px;
}
#nbanner .text small {
  display: block;
  font-size: 18px;
  margin-top: 20px;
}




@media (max-width:800px){
	#bdxcx_why{padding:.8rem 0;}
	#bdxcx_why .list{margin-top:.8rem;}
	
	#bdxcx_zn{ padding:.8rem 0;}
	#bdxcx_zn .list{margin-top:.2rem}
	#bdxcx_zn .list ul li{float:inherit;width:100%;margin-right:0;background:#fff;padding:.3rem;margin-top:.3rem}
	#bdxcx_zn .list ul li .icon i{font-size:.4rem;width:1rem;height:1rem;line-height:1rem;}
	#bdxcx_zn .list ul li .text{margin-top:.3rem}
	#bdxcx_zn .list ul li .text big{font-size:.28rem}
	#bdxcx_zn .list ul li .text small{font-size:.23rem;line-height:.36rem;margin-top:.1rem}

	#bdxcx_td{padding:.8rem 0;}
	#bdxcx_td .list{margin-top:.5rem}
	#bdxcx_td .list ul li{float:inherit;width:100%;margin-right:0;border:1px solid #eee;padding:.3rem;margin-top:.3rem}
	#bdxcx_td .list ul li big{font-size:.28rem;}
	#bdxcx_td .list ul li small{font-size:.23rem;margin-top:.1rem;line-height:.36rem;height:auto;}

	#bdxcx_al{padding:.8rem 0;}
	#bdxcx_al .list{margin-top:.2rem}
	#bdxcx_al .list ul li{float:left;width:48%;margin-right:0;margin-top:.3rem;}
	#bdxcx_al .list ul li:nth-child(2n){float:right}
	#bdxcx_al .list ul li:nth-child(5){display:none}
	
	#bdxcx_xxl{padding:.8rem 0;}
	#bdxcx_xxl .list{margin-top:.2rem}
	#bdxcx_xxl .list ul li{float:inherit;width:100%;margin-right:0;margin-top:.3rem}
	#bdxcx_xxl .list ul li p{ margin-top:.2rem;font-size:.28rem}
	
	#bdxcx_api{padding:.8rem 0;}
	#bdxcx_api .list{margin-top:.8rem;}	
}