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


#jt_web{ width:100%; padding:80px 0}
#jt_web .tisp{ margin-top:30px; padding: 0 20%; text-align:center}
#jt_web .img{ margin-top:30px; text-align:center}

#jt_hx{ width:100%; padding:80px 0; background:#f8f8f8}
#jt_hx .list{ margin-top:50px}
#jt_hx .list ul li{ float:left; width:calc((100% - 60px) / 3); margin-right:30px;}
#jt_hx .list ul li:last-child{ margin-right:0}
#jt_hx .list ul li .img{overflow:hidden;}
#jt_hx .list ul li .img img{ width:100%}
#jt_hx .list ul li .info{ background:#fff; padding:20px}
#jt_hx .list ul li .info .num{ font-size:40px; font-family:dinpro-bold; background:url(/theme/2020/static/images/jt_hx_num_bg.png) no-repeat left bottom; padding-bottom:30px;}
#jt_hx .list ul li .info p{ margin-top:20px; font-size:16px; min-height:48px; line-height:24px;}

#jt_sj{ width:100%; padding:80px 0}
#jt_sj .list{ margin-top:20px}
#jt_sj .list ul li{ float:left; width:calc((100% - 180px) / 7); margin-right:30px; border:1px solid #eee; padding:20px; margin-top:30px; text-align:center}
#jt_sj .list ul li:nth-child(7n){ margin-right:0}
#jt_sj .list ul li .icon{ display:block; line-height:40px;}
#jt_sj .list ul li .icon i{ font-size:36px; }
#jt_sj .list ul li:nth-child(1) .icon i{ color:#4fc9e2;}
#jt_sj .list ul li:nth-child(2) .icon i{ color:#46b1d9}
#jt_sj .list ul li:nth-child(3) .icon i{ color:#e2b233}
#jt_sj .list ul li:nth-child(4) .icon i{ color:#e771b1}
#jt_sj .list ul li:nth-child(5) .icon i{ color:#ae82e3}
#jt_sj .list ul li:nth-child(6) .icon i{ color:#e87676}
#jt_sj .list ul li:nth-child(7) .icon i{ color:#e17ae2}
#jt_sj .list ul li:nth-child(8) .icon i{ color:#4fc9e2}
#jt_sj .list ul li:nth-child(9) .icon i{ color:#97d25c}
#jt_sj .list ul li:nth-child(10) .icon i{ color:#ae82e3}
#jt_sj .list ul li:nth-child(11) .icon i{ color:#e2b233}
#jt_sj .list ul li:nth-child(12) .icon i{ color:#e17ae2}
#jt_sj .list ul li:nth-child(13) .icon i{ color:#46b1d9}
#jt_sj .list ul li:nth-child(14) .icon i{ color:#4fc9e2;}
#jt_sj .list ul li p{ margin-top:30px}
#jt_sj .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);}

#jt_ad{ width:100%; padding:120px 0; text-align:center; color:#fff; background:url(/theme/2020/static/images/jt_ad_bg.jpg) no-repeat center center; background-size:cover}
#jt_ad big{ display:block; font-size:60px; line-height:70px}
#jt_ad small{ display:block; font-size:24px; margin-top:20px}

#jt_zy{ width:100%; padding:80px 0}
#jt_zy .list{ margin-top:50px}
#jt_zy .list ul li{ float:left; width:calc((100% - 120px) / 5); margin-right:30px; border:1px solid #eee;}
#jt_zy .list ul li:last-child{ margin-right:0}
#jt_zy .list ul li big{ display:block; text-align:center;line-height:60px; font-size:16px; border-bottom:1px solid #eee; background:#f8f8f8}
#jt_zy .list ul li .icon{ text-align:center; padding-top:30px}
#jt_zy .list ul li .icon i{ font-size:40px;}
#jt_zy .list ul li:nth-child(1) .icon i{ color:#e17ae2}
#jt_zy .list ul li:nth-child(2) .icon i{ color:#4fc9e2}
#jt_zy .list ul li:nth-child(3) .icon i{ color:#97d25c}
#jt_zy .list ul li:nth-child(4) .icon i{ color:#ae82e3}
#jt_zy .list ul li:nth-child(5) .icon i{ color:#e2b233}
#jt_zy .list ul li:nth-child(6) .icon i{ color:#e17ae2}
#jt_zy .list ul li p{ padding:30px; color:#999; line-height:24px; height:160px;}
#jt_zy .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);}

#jt_gl{ width:100%; padding:80px 0; background:#f8f8f8}
#jt_gl .list{ margin-top:50px}
#jt_gl .list ul li{ float:left; width:calc((100% - 60px) / 3); margin-right:30px;}
#jt_gl .list ul li:last-child{ margin-right:0}
#jt_gl .list ul li .img{overflow:hidden;}
#jt_gl .list ul li .img img{ width:100%}
#jt_gl .list ul li .info{ background:#fff; padding:20px}
#jt_gl .list ul li .info big{ display:block; font-size:16px}
#jt_gl .list ul li .info small{ display:block; font-size:14px; line-height:24px; color:#999}
@media (max-width:800px){
	#jt_web{padding:.8rem 0}
	#jt_web .tisp{ margin-top:.3rem; padding: 0;}
	#jt_web .img{ margin-top:.3rem;}
	#jt_web .img img{width:100%}
	
	#jt_hx{padding:.8rem 0;}
	#jt_hx .list{ margin-top:.2rem}
	#jt_hx .list ul li{ float: inherit; width:100%; margin-right:0; margin-top:.3rem;}
	#jt_hx .list ul li .info{padding:.4rem .3rem}
	#jt_hx .list ul li .info .num{ font-size:.4rem;padding-bottom:.3rem;}
	#jt_hx .list ul li .info p{ margin-top:.2rem; font-size:.28rem; min-height: inherit; line-height:.4rem;}
	
	#jt_sj{padding:.8rem 0}
	#jt_sj .list{ margin-top:.2rem}
	#jt_sj .list ul li{ float:left; width:48%; margin-right:0;padding:.3rem 0; margin-top:.3rem; }
	#jt_sj .list ul li:nth-child(2n){ float:right}
	#jt_sj .list ul li .icon{ line-height:.4rem;}
	#jt_sj .list ul li .icon i{ font-size:.4rem; }
	#jt_sj .list ul li p{ margin-top:.3rem}
	
	#jt_ad{padding:1.5rem 0;}
	#jt_ad big{ font-size:.5rem; line-height:.5rem}
	#jt_ad small{font-size:.23rem; margin-top:.2rem}
	
	#jt_zy{padding:.8rem 0}
	#jt_zy .list{ margin-top:.2rem}
	#jt_zy .list ul li{ float: inherit; width:100%; margin-right:0; margin-top:.3rem}
	#jt_zy .list ul li big{line-height:.8rem; font-size:.28rem;}
	#jt_zy .list ul li .icon{padding-top:.4rem}
	#jt_zy .list ul li .icon i{ font-size:.6rem;}
	#jt_zy .list ul li p{ padding:.3rem; line-height:.4rem; height: auto; font-size:.23rem}
	
	#jt_gl{ padding:.8rem 0; }
	#jt_gl .list{ margin-top:.2rem}
	#jt_gl .list ul li{ float: inherit; width:100%; margin-right:0; margin-top:.3rem;}
	#jt_gl .list ul li .info{padding:.3rem}
	#jt_gl .list ul li .info big{ font-size:.28rem}
	#jt_gl .list ul li .info small{ font-size:.23rem; line-height:.36rem; margin-top:.1rem}
}