@charset "utf-8";
@import "page.css";
#nbanner2{height:480px;position:relative;z-index:1;background:#333;overflow:hidden;}
#nbanner2 .img{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;animation:banerBg 3s linear forwards;}
#nbanner2 .text{color:#fff;position:absolute;left:0;top:0;width:100%;height:100%;z-index:199;display:flex;justify-content:space-between;align-items:center;}
#nbanner2 .text big{display:block;font-size:50px;line-height:50px;font-family:"biaotihei";}
#nbanner2 .text small{display:block;font-size:18px;margin-top:20px;}

#mail_wsm{width:100%;padding:60px 0;}
#mail_wsm .list{background:url("../images/mail.png") no-repeat center center;}
#mail_wsm .list ul{width:450px;padding-top:30px;}
#mail_wsm .list ul li{padding:60px 0;}
#mail_wsm .list ul li big{font-size:18px;display:block;}
#mail_wsm .list ul li p{margin-top:10px;color:#878B99;line-height:26px;}

#mail_buy{width:100%;padding:60px 0;background:#f8f8f8;}
#mail_buy .wrap{overflow:inherit;}
#mail_buy .list{margin-top:30px;}
#mail_buy .list ul li{float:left;width:calc((100% - 60px) / 3);margin-right:30px;border:1px solid #e8edf2;padding:50px 50px;background:#fff;}
#mail_buy .list ul li:last-child{margin-right:0;}
#mail_buy .list ul li big{display:block;font-size:18px;text-align:center;}
#mail_buy .list ul li small{display:block;font-size:14px;color:#878B99;border-bottom:1px dashed #e8edf2;text-align:center;padding-bottom:10px;}
#mail_buy .list ul li .img{margin-top:30px;text-align:center;}
#mail_buy .list ul li .guige{margin-top:30px;}
#mail_buy .list ul li .guige span{text-align:center;float:left;width:25%;font-size:16px;}
#mail_buy .list ul li .guige span+span{border-left:1px solid #e8edf2;}
#mail_buy .list ul li .guige span i{font-size:12px;color:#878B99;}
#mail_buy .list ul li .info{margin-top:30px;text-align:center;color:#878B99;}
#mail_buy .list ul li .price{text-align:center;font-size:20px;color:#ff502e;margin-top:30px;font-family:"din";}
#mail_buy .list ul li .price span{font-size:14px;}
#mail_buy .list ul li .price i{font-size:14px;margin-left:5px;color:#878B99;}
#mail_buy .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);}

#mail_ys{width:100%;padding:60px 0;}
#mail_ys .list ul li{float:left;width:calc((100% - 100px) / 3);margin-top:30px;margin-right:50px;border:1px solid #e8edf2;padding:30px;display: flex;justify-content:space-between ;align-items:center;}
#mail_ys .list ul li:nth-child(3n){margin-right:0;}
#mail_ys .list ul li .icon{width:100px;}
#mail_ys .list ul li .icon i{width:60px;height:60px;text-align:center;line-height:60px;color:#fff;font-size:30px;border-radius:100%;}
#mail_ys .list ul li:nth-child(1) .icon i{background:#e771b1;}
#mail_ys .list ul li:nth-child(2) .icon i{background:#ae82e3;}
#mail_ys .list ul li:nth-child(3) .icon i{background:#e87676;}
#mail_ys .list ul li:nth-child(4) .icon i{background:#e17ae2;}
#mail_ys .list ul li:nth-child(5) .icon i{background:#4fc9e2;}
#mail_ys .list ul li:nth-child(6) .icon i{background:#97d25c;}
#mail_ys .list ul li .info{width:calc(100% - 100px);}
#mail_ys .list ul li .info big{display:block;font-size:18px;}
#mail_ys .list ul li .info p{display:block;color:#878B99;line-height:26px;}
#mail_ys .list ul li:hover{background:#206ae4;border:1px solid #206ae4;}
#mail_ys .list ul li:hover .icon i{background:#fff;color:#206ae4;}
#mail_ys .list ul li:hover .info big,
#mail_ys .list ul li:hover .info p{color:#fff;}

@media (max-width:800px){
	body,html{font-size:.21rem;line-height:.34rem}	
	
	#mail_wsm{padding:.6rem 0;}
	#mail_wsm .list{background:none;margin-top:0;}
	#mail_wsm .list ul{width:100%;padding-top:0;}
	#mail_wsm .list ul li{padding:.3rem;border:1px solid #e8edf2;margin-top:.3rem;}
	#mail_wsm .list ul li big{font-size:.26rem;}
	#mail_wsm .list ul li p{margin-top:.21rem;line-height:.34rem;}
	
	#mail_buy{padding:.6rem 0;}
	#mail_buy .list{margin-top:0;}
	#mail_buy .list ul li{float:inherit;width:100%;margin-right:0;padding:.5rem;margin-top:.3rem;}
	#mail_buy .list ul li big{font-size:.28rem;}
	#mail_buy .list ul li small{font-size:.23rem;padding-bottom:.1rem;}
	#mail_buy .list ul li .img{margin-top:.3rem;}
	#mail_buy .list ul li .guige{margin-top:.3rem;}
	#mail_buy .list ul li .guige span{font-size:.26rem;}
	#mail_buy .list ul li .guige span i{font-size:.2rem;}
	#mail_buy .list ul li .info{margin-top:.3rem;}
	#mail_buy .list ul li .price{font-size:.36rem;margin-top:.3rem;}
	#mail_buy .list ul li .price span{font-size:.23rem;}
	#mail_buy .list ul li .price i{font-size:.23rem;margin-left:.05rem;}
	
	#mail_ys{padding:.6rem 0;}
	#mail_ys .list{margin-top:0;}
	#mail_ys .list ul li{float:inherit;width:100%;margin-top:.3rem;margin-right:0;padding:.3rem;}
	#mail_ys .list ul li .icon{width:1rem;margin-left:0}
	#mail_ys .list ul li .icon i{width:1rem;height:1rem;line-height:1rem;font-size:.4rem;}
	#mail_ys .list ul li .info{width:calc(100% - 1.3rem);}
	#mail_ys .list ul li .info big{font-size:.26rem;}
	#mail_ys .list ul li .info p{font-size:.21rem;line-height:.34rem;margin-top:.1rem;}
}