@charset "utf-8";
@import "page.css";
#ssl_about{width:100%;padding:60px 0;}
#ssl_about .list{margin-top:50px;}
#ssl_about .list .content{width:calc(100% - 550px);padding-top:30px;}

#ssl_brand{width:100%;padding:60px 0;background:#f8f8f8;}
#ssl_brand .wrap{overflow:inherit;}
#ssl_brand .list{margin-top:30px;}
#ssl_brand .list ul li{float:left;width:calc((100% - 120px) / 5);margin-right:30px;border:1px solid #e8edf2;background:#fff;text-align:center;padding:30px;}
#ssl_brand .list ul li{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#ssl_brand .list ul li:nth-child(5n){margin-right:0;}
#ssl_brand .list ul li .img{padding:30px 0;height:110px;line-height:50px;}
#ssl_brand .list ul li big{font-size:18px;display:block;}
#ssl_brand .list ul li small{font-size:14px;display:block;color:#878B99;line-height:26px;margin-top:20px;text-align:left;}
#ssl_brand .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);}

#ssl_td{width:100%;padding:60px 0;}
#ssl_td .wrap{overflow:inherit;}
#ssl_td .list ul li{float:left;width:48%;border:1px solid #e8edf2;padding:30px 30px;margin-top:30px;display:flex;justify-content:space-between;align-items:start;}
#ssl_td .list ul li{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#ssl_td .list ul li:nth-child(2n){float:right;}
#ssl_td .list ul li .icon{text-align:center;}
#ssl_td .list ul li .icon i{font-size:36px;width:80px;height:80px;line-height:80px;border-radius:100%;color:#fff;background:#206ae4;}
#ssl_td .list ul li:nth-child(1) .icon i{background:#46b1d9;}
#ssl_td .list ul li:nth-child(2) .icon i{background:#e2b233;}
#ssl_td .list ul li:nth-child(3) .icon i{background:#e771b1;}
#ssl_td .list ul li:nth-child(4) .icon i{background:#ae82e3;}
#ssl_td .list ul li:nth-child(5) .icon i{background:#e87676;}
#ssl_td .list ul li:nth-child(6) .icon i{background:#e17ae2;}
#ssl_td .list ul li:nth-child(7) .icon i{background:#4fc9e2;}
#ssl_td .list ul li:nth-child(8) .icon i{background:#97d25c;}
#ssl_td .list ul li .info{width:calc(100% - 130px);}
#ssl_td .list ul li .info big{display:block;font-size:18px;color:#206ae4;}
#ssl_td .list ul li .info small{display:block;font-size:14px;margin-top:10px;color:#666;}
#ssl_td .list ul li .info  p{color:#878B99;margin-top:10px;line-height:26px;height:110px;overflow:hidden;}
#ssl_td .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);}

#ssl_price{width:100%;padding:60px 0;background:url("../images/ssl_price_bg.jpg") no-repeat center center;background-size:cover;}
#ssl_price .list{margin-top:30px;}
#ssl_price .list ul li{float:left;width:calc((100% - 120px) / 5);margin-right:30px;border:1px solid #e8edf2;background:#fff;}
#ssl_price .list ul li{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#ssl_price .list ul li:nth-child(5n){margin-right:0;}
#ssl_price .list ul li .t{background:#ededed;padding:20px;}
#ssl_price .list ul li .t big{display:block;}
#ssl_price .list ul li .t big img{height:20px;}
#ssl_price .list ul li .t small{font-size:14px;display:block;color:#878B99;margin-top:5px;}
#ssl_price .list ul li .cs{padding:15px 20px;}
#ssl_price .list ul li .cs .cs_list{border-bottom:1px solid #e8edf2;padding:3px 0;}
#ssl_price .list ul li .cs .cs_list em{display:inline-block;width:40%;color:#878B99;}
#ssl_price .list ul li .cs .cs_list span{display:inline-block;width:60%;}
#ssl_price .list ul li .price{text-align:left;font-size:20px;color:#ff502e;padding:10px 20px 30px;font-family:"din";}
#ssl_price .list ul li .price span{font-size:14px;}
#ssl_price .list ul li .price i{font-size:14px;margin-left:5px;color:#878B99;}
#ssl_price .list ul li:hover{-webkit-transform:translatey(-10px);-ms-transform:translatey(-10px);-o-transform:translatey(-10px);transform:translatey(-10px);}

#ssl_lx{width:100%;padding:60px 0;}
#ssl_lx .list{margin-top:30px;}
#ssl_lx .list table{width:100%;text-align:center;background-color:#fff;font-size:14px;}
#ssl_lx .list table tr:first-child td{border-top:1px solid #dee3eb;height:75px;}
#ssl_lx .list table td{border-right:1px solid #dee3eb;border-bottom:1px solid #dee3eb;width:345px;height:55px;}
#ssl_lx .list table tr td:first-child{width:165px;border-left:1px solid #dee3eb;background-color:#e9edf3;}
#ssl_lx .list table .ssl-buy{display:inline-block;width:130px;height:35px;line-height:34px;background-color:#ff502e;font-size:12px;color:#fff;}

@media (max-width:800px){
	#ssl_about{padding:.6rem 0;}
	#ssl_about .list{margin-top:.3rem;}
	#ssl_about .list .img{width:100%;text-align:center;float:inherit;}
	#ssl_about .list .img img{max-width:80%;}
	#ssl_about .list .content{width:100%;padding-top:.3rem;font-size:.21rem;}
	#ssl_about .list .content p{text-indent:2em;}
	
	#ssl_brand{padding:.6rem 0;}
	#ssl_brand .list{margin-top:0;}
	#ssl_brand .list ul li{float:inherit;width:100%;margin-right:0;border:1px solid #e8edf2;background:#fff;text-align:center;padding:.3rem;margin-top:.3rem;}
	#ssl_brand .list ul li .img{padding:.3rem 0;height:auto;line-height:normal;}
	#ssl_brand .list ul li big{font-size:.26rem;}
	#ssl_brand .list ul li small{font-size:.21rem;line-height:.34rem;margin-top:.2rem;}
	
	#ssl_td{padding:.6rem 0;}
	#ssl_td .list{margin-top:0;}
	#ssl_td .list ul li{float:inherit;width:100%;padding:.3rem;margin-top:.3rem;}
	#ssl_td .list ul li:nth-child(2n){float:inherit;}
	#ssl_td .list ul li .icon{width:1rem;text-align:center;}
	#ssl_td .list ul li .icon i{font-size:.4rem;width:1rem;height:1rem;line-height:1rem;}
	#ssl_td .list ul li .info{width:calc(100% - 1.3rem);}
	#ssl_td .list ul li .info big{font-size:.28rem;}
	#ssl_td .list ul li .info small{font-size:.23rem;margin-top:.1rem;}
	#ssl_td .list ul li .info  p{margin-top:.1rem;line-height:.36rem;height:auto;}
	
	#ssl_price{padding:.6rem 0;}
	#ssl_price .list{margin-top:0;}
	#ssl_price .list ul li{float:inherit;width:100%;margin-right:0;margin-top:.3rem;}
	#ssl_price .list ul li .t{padding:.2rem;}
	#ssl_price .list ul li .t big{font-size:.26rem;}
	#ssl_price .list ul li .t small{font-size:.21rem;line-height:.34rem;height:auto;margin-top:.1rem;}
	#ssl_price .list ul li .cs{padding:.3rem;}
	#ssl_price .list ul li .cs .cs_list{padding:.08rem 0;}
	#ssl_price .list ul li .cs .cs_list em{font-size:.21rem;}
	#ssl_price .list ul li .price{font-size:.3rem;padding:.1rem .3rem .3rem;}
	#ssl_price .list ul li .price span{font-size:.21rem;}
	#ssl_price .list ul li .price i{font-size:.21rem;margin-left:.05rem;}
	
	#ssl_lx{display:none;}
}