@charset "utf-8";
@import "page.css";

#sms_service{width:100%;padding:60px 0;}
#sms_service .wrap{overflow:inherit;}
#sms_service .list{margin-top:30px;}
#sms_service .list ul li{float:left;width:calc((100% - 90px) / 4);border-right:1px solid #e8edf2;margin-right:30px;text-align:center;}
#sms_service .list ul li:last-child{margin-right:0;border-right:0;}
#sms_service .list ul li .icon i{font-size:46px;color:#2469f3;}
#sms_service .list ul li big{display:block;font-size:18px;margin-top:20px;}
#sms_service .list ul li small{display:block;font-size:14px;line-height:26px;color:#878B99;margin-top:10px;}
#sms_service .list ul li span{background:#2469f3;color:#fff;padding:2px 20px;margin-top:20px;display:inline-block;border-radius:40px;cursor:pointer;}
#sms_service .list ul li span{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#sms_service .list ul li:hover span{background:#ff502e;}

#sms_tx{width:100%;padding:60px 0;background:url("images/sms_txbg.jpg") no-repeat center center;background-size:cover;}
#sms_tx .list ul li{float:left;width:calc((100% - 60px) / 3);margin-right:30px;padding:50px 30px;background:#fff;margin-top:30px;display:flex;justify-content:space-between;align-items:center;}
#sms_tx .list ul li{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#sms_tx .list ul li:hover{-webkit-transform:translatey(-10px);-ms-transform:translatey(-10px);-o-transform:translatey(-10px);transform:translatey(-10px);}
#sms_tx .list ul li:nth-child(3n){margin-right:0;}
#sms_tx .list ul li .icon i{font-size:32px;width:64px;height:64px;text-align:center;line-height:64px;border-radius:100%;background:#2469f3;color:#fff;}
#sms_tx .list ul li:nth-child(1) .icon i{background:#46b1d9;}
#sms_tx .list ul li:nth-child(2) .icon i{background:#e2b233;}
#sms_tx .list ul li:nth-child(3) .icon i{background:#e771b1;}
#sms_tx .list ul li:nth-child(4) .icon i{background:#ae82e3;}
#sms_tx .list ul li:nth-child(5) .icon i{background:#e87676;}
#sms_tx .list ul li:nth-child(6) .icon i{background:#e17ae2;}
#sms_tx .list ul li:nth-child(7) .icon i{background:#4fc9e2;}
#sms_tx .list ul li:nth-child(8) .icon i{background:#97d25c;}
#sms_tx .list ul li .info{width:calc(100% - 90px);}
#sms_tx .list ul li .info big{font-size:18px;display:block;}
#sms_tx .list ul li .info small{font-size:14px;display:block;color:#878B99;line-height:26px;margin-top:10px;}
#sms_tx .list ul li:hover{-webkit-transform:translatey(-10px);-ms-transform:translatey(-10px);-o-transform:translatey(-10px);transform:translatey(-10px);}

#sms_price{width:100%;padding:60px 0;}
#sms_price .wrap{overflow:inherit;}
#sms_price .list{margin-top:30px;}
#sms_price .list ul li{float:left;width:calc((100% - 90px) / 4);margin-right:30px;}
#sms_price .list ul li{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#sms_price .list ul li:last-child{margin-right:0;}
#sms_price .list ul li big{display:block;font-size:24px;background:#2469f3;color:#fff;padding:30px;}
#sms_price .list ul li .info{border:1px solid #e8edf2;border-top:0;padding:20px 30px;}
#sms_price .list ul li .info small{display:block;font-size:14px;color:#878B99;line-height:26px;margin-top:10px;border-bottom:1px solid #e8edf2;padding-bottom:10px;}
#sms_price .list ul li .info .text{padding:20px 0;line-height:24px;}
#sms_price .list ul li .info .text p i{margin-right:5px;color:#ff502e;font-size:12px;}
#sms_price .list ul li .info .price{font-size:20px;color:#ff502e;padding:10px 0 0;font-family:"din";}
#sms_price .list ul li .info .price i{font-size:14px;}
#sms_price .list ul li .info .dprice{color:#878B99;font-size:12px;}
#sms_price .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);}

#sms_cj{width:100%;padding:60px 0;background:#f8f8f8;}
#sms_cj .list{margin-top:30px;}
#sms_cj .list .tabs{background:#fff;border:1px solid #e8edf2;}
#sms_cj .list .tabs a{float:left;width:calc(100% / 3);text-align:center;border-right:1px solid #e8edf2;line-height:50px;border-top:.03rem solid #fff;font-size:16px;}
#sms_cj .list .tabs a:last-child{border-right:0;}
#sms_cj .list .tabs a.active{border-top:3px solid #2469f3;line-height:50px;font-weight:700;}
#sms_cj .list .swiper-slide{background:#fff;padding:50px;border:1px solid #e8edf2;border-top:0;}
#sms_cj .list .swiper-slide .img img{width:250px;border:1px solid #e8edf2;}
#sms_cj .list .swiper-slide .img span{margin-right:30px;}
#sms_cj .list .swiper-slide .info{width:calc(100% - 700px);}
#sms_cj .list .swiper-slide .info .text{padding:30px 0;border-bottom:1px solid #e8edf2;line-height:26px;}
#sms_cj .list .swiper-slide .info .text big{display:block;font-size:16px;padding-bottom:20px;font-weight:700;}

#sms_gn{width:100%;padding:60px 0;}
#sms_gn .list{margin-top:30px;}
#sms_gn .list ul li{float:left;width:calc(100% / 3);border-right:1px solid #e8edf2;padding:0 100px;}
#sms_gn .list ul li:last-child{padding-right:0;}
#sms_gn .list ul li:first-child{padding-left:0;}
#sms_gn .list ul li big{display:block;font-size:18px;}
#sms_gn .list ul li small{display:block;font-size:14px;margin-top:10px;color:#878B99;}

@media (max-width:800px){
	body,html{font-size:.21rem;line-height:.34rem;}
	
	#sms_service{padding:.6rem 0;}
	#sms_service .list{margin-top:0;}
	#sms_service .list ul li{width:48%;border:1px solid #e8edf2;margin-right:0;padding:.3rem 0;margin-top:.3rem;}
	#sms_service .list ul li:nth-child(2n){float:right;}
	#sms_service .list ul li .icon i{font-size:.4rem;}
	#sms_service .list ul li big{font-size:.26rem;margin-top:.2rem;}
	#sms_service .list ul li small{font-size:.21rem;line-height:.34rem;margin-top:.2rem;}
	#sms_service .list ul li span{padding:.05rem .3rem;margin-top:.3rem;border-radius:.4rem;}

	#sms_tx{padding:.6rem 0;}
	#sms_tx .list{margin-top:0;}
	#sms_tx .list ul li{float:inherit;width:100%;margin-right:0;padding:.3rem;margin-top:.3rem;height:inherit;}
	#sms_tx .list ul li .icon{width:1rem;}
	#sms_tx .list ul li .icon i{font-size:.4rem;width:1rem;height:1rem;line-height:1rem;}
	#sms_tx .list ul li .info{width:calc(100% - 1.3rem);}
	#sms_tx .list ul li .info big{font-size:.26rem;}
	#sms_tx .list ul li .info small{font-size:.21rem;line-height:.36rem;margin-top:.1rem;}

	#sms_price{padding:.6rem 0;}
	#sms_price .list{margin-top:0;}
	#sms_price .list ul li{float:left;width:100%;margin-right:0;margin-top:.3rem;}
	#sms_price .list ul li big{font-size:.26rem;padding:.2rem .3rem;}
	#sms_price .list ul li .info{padding:.3rem;}
	#sms_price .list ul li .info small{font-size:.21rem;line-height:.34rem;margin-top:.1rem;padding-bottom:.1rem;}
	#sms_price .list ul li .info .text{padding:.2rem 0;line-height:.36rem;}
	#sms_price .list ul li .info .text p i{margin-right:.05rem;font-size:.2rem;}
	#sms_price .list ul li .info .price{font-size:.36rem;padding:.1rem 0 0;}
	#sms_price .list ul li .info .price i{font-size:.21rem;}
	#sms_price .list ul li .info .dprice{font-size:.21rem;}

	#sms_cj{padding:.6rem 0;}
	#sms_cj .list{margin-top:.3rem;overflow:hidden;}
	#sms_cj .list .tabs a{line-height:.6rem;border-top:.03rem solid #fff;font-size:.21rem;}
	#sms_cj .list .tabs a.active{border-top:.03rem solid #2469f3;line-height:.6rem;}
	#sms_cj .list .swiper-slide{background:#fff;padding:.3rem;}
	#sms_cj .list .swiper-slide .img{float:inherit;width:100%;}
	#sms_cj .list .swiper-slide .img img{width:48%;border:1px solid #e8edf2;}
	#sms_cj .list .swiper-slide .img span{margin-right:0;}
	#sms_cj .list .swiper-slide .info{width:100%;float:inherit;}
	#sms_cj .list .swiper-slide .info .text{padding:.3rem 0;line-height:.36rem;}
	#sms_cj .list .swiper-slide .info .text big{font-size:.26rem;padding-bottom:0;}
	#sms_cj .list .swiper-slide .info .text p{font-size:.21rem;line-height:.34rem;margin-top:.1rem;}

	#sms_gn{padding:.6rem 0;}
	#sms_gn .list{margin-top:0;}
	#sms_gn .list ul li{float:inherit;width:100%;border:1px solid #e8edf2;padding:.3rem;margin-top:.3rem;}
	#sms_gn .list ul li:last-child{padding:.3rem;}
	#sms_gn .list ul li:first-child{padding:.3rem;}
	#sms_gn .list ul li big{font-size:.26rem;}
	#sms_gn .list ul li small{font-size:.21rem;margin-top:.1rem;}
}