@charset "utf-8";
@import "page.css";
#xys_about{width:100%;padding:60px 0;}
#xys_about .img{margin-top:30px;text-align:center;}
#xys_about .img img{width:60%;}
#xys_about .list{margin-top:50px;border:1px solid #e8edf2;border-bottom:0;border-right:0;width:60%;margin:60px auto 0;}
#xys_about .list ul li{float:left;width:calc(100% / 4);padding:15px 0;text-align:center;border-right:1px solid #e8edf2;background:#f8f8f8;border-bottom:1px solid #e8edf2;}
#xys_about .list ul li .icon{font-size:30px;}
#xys_about .list ul li .icon i{color:#878B99;}
#xys_about .list ul li p{margin-top:10px;}

#xys_adv{width:100%;padding:60px 0;background:#f8f8f8;}
#xys_adv .list{margin-top:30px;}
#xys_adv .list ul li{float:left;width:calc((100% - 90px) / 4);margin-right:30px;background:#fff;}
#xys_adv .list ul li:last-child{margin-right:0;}
#xys_adv .list ul li .img{overflow:hidden;}
#xys_adv .list ul li .img img{width:100%;}
#xys_adv .list ul li .info{padding:20px;}
#xys_adv .list ul li .info big{display:block;font-size:18px;}
#xys_adv .list ul li .info small{display:block;font-size:14px;margin-top:10px;color:#878B99;line-height:26px;min-height:120px;}

#xys_td{width:100%;padding:60px 0;}
#xys_td .list ul li{float:left;width:calc((100% - 60px) / 3);margin-right:30px;border:1px solid #e8edf2;padding:20px;margin-top:30px;}
#xys_td .list ul li:nth-child(3n){margin-right:0;}
#xys_td .list ul li .info big{font-size:18px;display:block;margin-top:20px;}
#xys_td .list ul li .info small{font-size:14px;display:block;color:#878B99;margin-top:10px;line-height:26px;}
#xys_td .list ul li .icon i{width:60px;height:60px;background:#ff502e;border-radius:60px;text-align:center;line-height:60px;font-size:30px;color:#fff;}
#xys_td .list ul li:nth-child(1) .icon i{background:#4fc9e2;}
#xys_td .list ul li:nth-child(2) .icon i{background:#e2b233;}
#xys_td .list ul li:nth-child(3) .icon i{background:#e771b1;}
#xys_td .list ul li:nth-child(4) .icon i{background:#ae82e3;}
#xys_td .list ul li:nth-child(5) .icon i{background:#e87676;}
#xys_td .list ul li:nth-child(6) .icon i{background:#46b1d9;}
#xys_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);}

#xys_sj{width:100%;padding:60px 0;background:url("../images/xys_sj_bg.jpg") no-repeat center center;background-size:cover;}
#xys_sj .list{display:flex;justify-content:center;align-items:center;margin-top:30px;}
#xys_sj .list .list_text .text{display:flex;justify-content:flex-start;align-items:center;}
#xys_sj .list .list_text .text:first-child{margin-bottom:100px;}
#xys_sj .list .list_text .text .icon{margin-right:30px;}
#xys_sj .list .list_text .text .icon i{font-size:40px;color:#fff;}
#xys_sj .list .list_text .text .txt big{font-size:18px;display:block;color:#fff;}
#xys_sj .list .list_text .text .txt small{font-size:14px;display:block;color:#fff;line-height:26px;margin-top:10px;}
#xys_sj .list .list_img{padding:0 50px;}

#xys_tese{width:100%;padding:60px 0;}
#xys_tese .item{background:#f8f8f8;}
#xys_tese .item.itemtop50{margin-top:30px;}
#xys_tese .item .text{width:45%;padding:70px;}
#xys_tese .item .img{width:50%;}
#xys_tese .item .img img{width:100%;}
#xys_tese .item .text .t{font-size:24px;font-weight:700;}
#xys_tese .item .text p{color:#878B99;margin-top:20px;}

@media (max-width:800px){
	body,html{font-size:.21rem;line-height:.34rem;}
	
	#xys_about{width:100%;padding:.6rem 0;}
	#xys_about .img{margin-top:.3rem;text-align:center;}
	#xys_about .img img{width:100%;}
	#xys_about .list{width:100%;margin:.5rem auto 0;}
	#xys_about .list ul li{;padding:.2rem 0;}
	#xys_about .list ul li .icon{font-size:.3rem;}
	#xys_about .list ul li p{margin-top:.1rem;font-size:.21rem;}
	
	#xys_adv{padding:.6rem 0;}
	#xys_adv .list{margin-top:0;}
	#xys_adv .list ul li{float:inherit;width:100%;margin-right:0;margin-top:.3rem;}
	#xys_adv .list ul li .img img{width:100%;}
	#xys_adv .list ul li .info{padding:.3rem;}
	#xys_adv .list ul li .info big{font-size:.26rem;}
	#xys_adv .list ul li .info small{font-size:.21rem;margin-top:.1rem;line-height:.34rem;min-height:inherit;}
	
	#xys_td{padding:.6rem 0;}
	#xys_td .list{margin-top:0;}
	#xys_td .list ul li{float:inherit;width:100%;margin-right:0;padding:.3rem;margin-top:.3rem;display:flex;justify-content:space-between;align-items:center;}
	#xys_td .list ul li .info{width:calc(100% - 1.3rem);}
	#xys_td .list ul li .info big{font-size:.26rem;margin-top:0;}
	#xys_td .list ul li .info small{font-size:.21rem;margin-top:.1rem;line-height:.36rem;}
	#xys_td .list ul li .icon{width:1rem;}
	#xys_td .list ul li .icon i{width:1rem;height:1rem;border-radius:1rem;line-height:1rem;font-size:.4rem;border:1px solid #e8edf2;text-align:center;}
	
	#xys_sj{padding:.6rem 0;}
	#xys_sj .list{display:block;margin-top:0;}
	#xys_sj .list .list_text .text{border:1px solid #666;padding:.3rem;margin-top:.3rem;display:flex;justify-content:space-between;align-items:center;}
	#xys_sj .list .list_text .text:first-child{margin-bottom:0;}
	#xys_sj .list .list_text .text .icon{width:1rem;}
	#xys_sj .list .list_text .text .icon i{font-size:.4rem;width:1rem;height:1rem;line-height:1rem;border-radius:1rem;border:1px solid #e8edf2;text-align:center;}
	#xys_sj .list .list_text .text .txt{width:calc(100% - 1.3rem);}
	#xys_sj .list .list_text .text .txt big{font-size:.26rem;}
	#xys_sj .list .list_text .text .txt small{font-size:.21rem;line-height:.34rem;margin-top:.1rem;}
	#xys_sj .list .list_img{display:none;}
	
	#xys_tese{padding:.6rem 0;}
	#xys_tese .item{margin-top:.3rem;}
	#xys_tese .item.itemtop50{margin-top:.3rem;}
	#xys_tese .item .text{width:100%;padding:.3rem;}
	#xys_tese .item .img{width:100%;}
	#xys_tese .item .img img{width:100%;}
	#xys_tese .item .text .t{font-size:.26rem;}
	#xys_tese .item .text p{font-size:.21rem;margin-top:.2rem;line-height:.34rem;}
}