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

#dsp_pt{ width:100%; padding:60px 0 0;}
#dsp_pt .list{ margin-top:30px}
#dsp_pt .list .mimg{ display:none}
#dsp_pt .list .dsp_pt{ width:657px;margin:0 auto;position:relative;padding-top:120px;}
#dsp_pt .list .dsp_pt .dsp_pt_line img{position:absolute;bottom:42px;left:18px;}
#dsp_pt .list .dsp_pt .icon img{position:absolute;width:85px;height:85px;}
#dsp_pt .list .dsp_pt .icon .icon1{top:290px;left:-90px;box-shadow:0px 0px 10px 10px rgba(0,0,0,0.02);border-radius:50%;animation:sjzhico2 2s -2s ease-out infinite alternate !important;}
#dsp_pt .list .dsp_pt .icon .icon2{top:260px;left:132px;animation:sjzhico2 1.5s -2s ease-out infinite alternate !important;}
#dsp_pt .list .dsp_pt .icon .icon3{top:140px;left:105px;box-shadow:0px 0px 10px 10px rgba(0,0,0,0.02);border-radius:50%;animation:sjzhico2 2s -2s ease-out infinite alternate !important;}
#dsp_pt .list .dsp_pt .icon .icon4{top:176px;left:292px;animation:sjzhico2 1.5s -2s ease-out infinite alternate !important;}
#dsp_pt .list .dsp_pt .icon .icon5{top:20px;left:310px;box-shadow:0px 0px 10px 10px rgba(0,0,0,0.02);border-radius:50%;animation:sjzhico2 2s -2s ease-out infinite alternate !important;}
#dsp_pt .list .dsp_pt .icon .icon6{top:90px;left:490px;box-shadow:0px 0px 10px 10px rgba(0,0,0,0.02);border-radius:50%;animation:sjzhico2 1.5s -2s ease-out infinite alternate !important;}
#dsp_pt .list .dsp_pt .icon .icon7{top:230px;left:448px;animation:sjzhico2 2s -2s ease-out infinite alternate !important;}
#dsp_pt .list .dsp_pt .icon .icon8{top:300px;left:596px;box-shadow:0px 0px 10px 10px rgba(0,0,0,0.02);border-radius:50%;animation:sjzhico2 1.5s -2s ease-out infinite alternate !important;}

#dsp_fa{ width:100%; padding:60px 0; background: url(/theme/2024/fs2006/images/dsp_fa_bg.png)}
#dsp_fa .list{ margin-top:30px}
#dsp_fa .list ul{display:flex;justify-content:space-between;align-items:center;gap:0 30px}
#dsp_fa .list ul li{width:calc((100% - 120px) / 5);text-align: center; background:#fff}
#dsp_fa .list ul li .img img{ width:100%;}
#dsp_fa .list ul li .info{ margin-top:10px; padding:50px}
#dsp_fa .list ul li .info big{ display:block; font-size:18px}
#dsp_fa .list ul li .info small{ display:block; font-size:14px; margin-top:10px; color:#878B99; line-height:26px; min-height:80px}
#dsp_fa .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);}

#dsp_zsm{ width:100%; padding:60px 0;}
#dsp_zsm .list{ margin-top:30px}
#dsp_zsm .list ul{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:30px}
#dsp_zsm .list ul li{ width:calc((100% - 60px) / 3);padding:30px; border:1px solid #eee}
#dsp_zsm .list ul li .icon i{ font-size:36px}
#dsp_zsm .list ul li:nth-child(1) .icon i{color:#46b1d9}
#dsp_zsm .list ul li:nth-child(2) .icon i{color:#e2b233}
#dsp_zsm .list ul li:nth-child(3) .icon i{color:#e771b1}
#dsp_zsm .list ul li:nth-child(4) .icon i{color:#ae82e3}
#dsp_zsm .list ul li:nth-child(5) .icon i{color:#e87676}
#dsp_zsm .list ul li:nth-child(6) .icon i{color:#e17ae2}
#dsp_zsm .list ul li:nth-child(7) .icon i{color:#4fc9e2}
#dsp_zsm .list ul li:nth-child(8) .icon i{color:#97d25c}
#dsp_zsm .list ul li .info{ margin-top:10px}
#dsp_zsm .list ul li .info big{ display:block; font-size:18px}
#dsp_zsm .list ul li .info small{ display:block; font-size:14px; color:#878B99; line-height:26px; margin-top:10px;height:78px;}
#dsp_zsm .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);}

#dsp_adv{ width:100%; padding:60px 0; background:#f8f8f8}
#dsp_adv .list{margin-top:30px;}
#dsp_adv .list ul{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:30px}
#dsp_adv .list ul li{ width:calc((100% - 90px) / 4); background:#fff}
#dsp_adv .list ul li .img{}
#dsp_adv .list ul li .img img{ width:100%}
#dsp_adv .list ul li:nth-child(2) .icon i{color:#ffaa00}
#dsp_adv .list ul li:nth-child(3) .icon i{color:#4db849}
#dsp_adv .list ul li:nth-child(4) .icon i{color:#ff4c4c}
#dsp_adv .list ul li:nth-child(5) .icon i{color:#336633}
#dsp_adv .list ul li:nth-child(6) .icon i{color:#FF0033}
#dsp_adv .list ul li .info{ padding:20px}
#dsp_adv .list ul li .info big{ font-size:18px; display:block}
#dsp_adv .list ul li .info small{ font-size:14px; display:block; color:#878B99; line-height:24px; margin-top:10px;}
#dsp_adv .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);}

#dsp_tc{ width:100%; padding:60px 0}
#dsp_tc .list{ margin-top:30px}
#dsp_tc .list table{width:100%;border-collapse:collapse;border-color:#ddd;border-width:1px;}
#dsp_tc .list table tr.tit{background:#2469f3;color:#fff;font-weight:700}
#dsp_tc .list table td{text-align:center;padding:10px 0;border-color:#ddd;border-style:solid;border-width:1px;}
#dsp_tc .list table td.zx a{background:#2469f3;color:#fff;display:inline-block;padding:1px 20px;border-radius:40px;font-size:14px}
#dsp_tc .list table td.zx a:hover{ background:#ed5700}

#dsp_hy{ width:100%; padding:60px 0; background:#f8f8f8}
#dsp_hy .list{margin-top:30px;}
#dsp_hy .list ul{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:30px}
#dsp_hy .list ul li{ width:calc((100% - 120px) / 5); background:#fff; position:relative}
#dsp_hy .list ul li .img img{ width:100%}
#dsp_hy .list ul li p{ position:absolute; top:20px; right:0px; background:#2469f3; color:#fff; font-size:16px; display:block; padding:2px 20px; border-radius:30px 0 0 30px}

@media (max-width:800px){
	body,html{font-size:.21rem;line-height:.34rem}
	
	#dsp_pt{ width:100%; padding:.6rem 0 0;}
	#dsp_pt .list{ margin-top:.3rem}
	#dsp_pt .list .dsp_pt{ display:none}
	#dsp_pt .list .mimg{ display: block}
	#dsp_pt .list .mimg img{ width:100%}
	
	#dsp_fa{padding:.6rem 0;}
	#dsp_fa .list{ margin-top:0}
	#dsp_fa .list ul{display: block;gap:0}
	#dsp_fa .list ul li{ width:100%;; margin-top:.3rem}
	#dsp_fa .list ul li .img img{ width:100%;}
	#dsp_fa .list ul li .info{ margin-top:.1rem; padding:.25rem}
	#dsp_fa .list ul li .info big{font-size:.26rem}
	#dsp_fa .list ul li .info small{ font-size:.21rem; margin-top:.1rem;line-height:.34rem; min-height: inherit}
	
	#dsp_zsm{padding:.6rem 0;}
	#dsp_zsm .list{ margin-top:0}
	#dsp_zsm .list ul{display: block;gap:0}
	#dsp_zsm .list ul li{width:100%;padding:.25rem;display:flex;justify-content:space-between;align-items:center; margin-top:.3rem}
	#dsp_zsm .list ul li .icon{ width:.1rem}
	#dsp_zsm .list ul li .icon i{font-size:.4rem;color:#878B99;width:1rem;height:1rem;line-height:1rem;border-radius:1rem;border:1px solid #e8edf2;text-align:center;}
	#dsp_zsm .list ul li .info{ width:calc(100% - 1.3rem);margin-top:0}
	#dsp_zsm .list ul li .info big{font-size:.26rem}
	#dsp_zsm .list ul li .info small{font-size:.21rem; line-height:.34rem; margin-top:.1rem;height:auto;}
	
	#dsp_adv{ padding:.6rem 0;}
	#dsp_adv .list{margin-top:0;}
	#dsp_adv .list ul{display: block;gap:0}
	#dsp_adv .list ul li{ width:100%; margin-top:.3rem}
	#dsp_adv .list ul li .info{ padding:.25rem}
	#dsp_adv .list ul li .info big{ font-size:.26rem;}
	#dsp_adv .list ul li .info small{ font-size:.21rem;line-height:.34rem; margin-top:.1rem;}
	
	#dsp_tc{padding:.6rem 0}
	#dsp_tc .list{ margin-top:.3rem}
	#dsp_tc .list table td{padding:.1rem 0;}
	#dsp_tc .list table td.zx a{padding:.05rem .2rem;border-radius:.4rem;font-size:.21rem}
	
	#dsp_hy{padding:.6rem 0;}
	#dsp_hy .list{margin-top:.3rem;}
	#dsp_hy .list ul{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.25rem}
	#dsp_hy .list ul li{ width:calc((100% - .5rem) / 3);}
	#dsp_hy .list ul li .img img{ width:100%}
	#dsp_hy .list ul li p{top:.2rem; font-size:.21rem; padding:.02rem .2rem; border-radius:.4rem 0 0 .4rem}
}

@keyframes sjzhico2 {
  from{transform: translateY(0);}
  to{transform: translateY(10px);}
}