@charset "utf-8";
@import "page.css";
#yxx_sj{width:100%;padding:60px 0;}
#yxx_sj .list .img{width:40%;text-align:right;}
#yxx_sj .list .text{width:50%;}
#yxx_sj .list .text .year{font-size:20px;}
#yxx_sj .list .text .sj{font-size:36px;margin-top:30px;}
#yxx_sj .list .text .en{color:#878B99;margin-top:10px;}
#yxx_sj .list .text .info{margin-top:30px;}
#yxx_sj .list .text .info i{margin:0 10px;}
#yxx_sj .list .text .more_btn{text-align:left;}

#yxx_zy{width:100%;padding:60px 0;background:#f8f8f8;}
#yxx_zy .list{margin-top:30px;}
#yxx_zy .list ul li{float:left;width:48%;}
#yxx_zy .list ul li .img img{width:100%;}
#yxx_zy .list ul li:last-child{float:right;}
#yxx_zy .list ul li .info{margin-top:30px;}
#yxx_zy .list ul li .info big{font-size:18px;display:block;}
#yxx_zy .list ul li .info small{font-size:14px;display:block;color:#878B99;}

#yxx_web{width:100%;padding:60px 0;}
#yxx_web .list ul li{float:left;width:calc((100% - 60px) / 3);margin-right:30px;margin-top:30px;border:1px solid #e8edf2;padding:30px;display:flex;justify-content:space-between;align-items:center;}
#yxx_web .list ul li:nth-child(3n){margin-right:0;}
#yxx_web .list ul li .icon{width:80px;}
#yxx_web .list ul li .icon i{width:60px;height:60px;border:1px solid #e8edf2;border-radius:50%;background:#000;color:#fff;text-align:center;line-height:60px;font-size:30px;}
#yxx_web .list ul li .info{width:calc(100% - 90px);}
#yxx_web .list ul li .info big{font-size:18px;display:block;}
#yxx_web .list ul li .info small{font-size:14px;display:block;color:#878B99;margin-top:0px;}
#yxx_web .list ul li:nth-child(1) .icon i{background:#ffaa00;}
#yxx_web .list ul li:nth-child(2) .icon i{background:#4db849;}
#yxx_web .list ul li:nth-child(3) .icon i{background:#ff4c4c;}
#yxx_web .list ul li:nth-child(4) .icon i{background:#336633;}
#yxx_web .list ul li:nth-child(5) .icon i{background:#FF0033;}
#yxx_web .list ul li:nth-child(6) .icon i{background:#99CC99;}
#yxx_web .list ul li:nth-child(7) .icon i{background:#0099CC;}
#yxx_web .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);}

#yxx_hao{width:100%;padding:130px 0;background:url("../images/website/yxx_hao_bg.jpg") no-repeat center center;background-size:cover;text-align:center;}
#yxx_hao big{display:block;font-size:32px;font-weight:700;color:#fff;}
#yxx_hao small{display:block;font-size:20px;color:#fff;margin-top:20px;}
#yxx_hao .btn{text-align:center;margin-top:40px;}
#yxx_hao .btn a{background:#f90;color:#fff;display:inline-block;padding:10px 50px;border-radius:60px;}

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

#yxx_td{width:100%;padding:60px 0;background:#f8f8f8;}
#yxx_td .list ul li{float:left;width:calc((100% - 60px) / 3);margin-right:30px;margin-top:30px;border:1px solid #e8edf2;padding:30px;background:#fff;}
#yxx_td .list ul li:nth-child(3n){margin-right:0;}
#yxx_td .list ul li .num{font-size:36px;font-family:dinpro-bold;}
#yxx_td .list ul li big{display:block;font-size:18px;margin-top:20px;}
#yxx_td .list ul li small{display:block;font-size:14px;margin-top:10px;color:#878B99;line-height:24px;height:100px;}
#yxx_td .list ul li:nth-child(1) .num{color:#ffaa00;}
#yxx_td .list ul li:nth-child(2) .num{color:#4db849;}
#yxx_td .list ul li:nth-child(3) .num{color:#ff4c4c;}
#yxx_td .list ul li:nth-child(4) .num{color:#336633;}
#yxx_td .list ul li:nth-child(5) .num{color:#FF0033;}
#yxx_td .list ul li:nth-child(6) .num{color:#99CC99;}
#yxx_td .list ul li:nth-child(7) .num{color:#0099CC;}
#yxx_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);}
#case{background:#fff;}
@media (max-width:800px){
	body,html{font-size:.21rem;line-height:.34rem;}
	
	#yxx_sj{width:100%;padding:.6rem 0;}
	#yxx_sj .list .img{float:inherit;width:100%;text-align:center;}
	#yxx_sj .list .img img{width:80%;}
	#yxx_sj .list .text{float:inherit;width:100%;margin-top:.3rem;text-align:center;}
	#yxx_sj .list .text .year{font-size:.28rem;}
	#yxx_sj .list .text .sj{font-size:.4rem;margin-top:.3rem;}
	#yxx_sj .list .text .en{margin-top:.1rem;}
	#yxx_sj .list .text .info{margin-top:.3rem;}
	#yxx_sj .list .text .more_btn{text-align:center;}
	
	#yxx_zy{padding:.6rem 0;}
	#yxx_zy .list{margin-top:0;}
	#yxx_zy .list ul li{float:inherit;width:100%;margin-top:.3rem;}
	#yxx_zy .list ul li .img img{width:100%;}
	#yxx_zy .list ul li:last-child{float:inherit;}
	#yxx_zy .list ul li .info{margin-top:.3rem;}
	#yxx_zy .list ul li .info big{font-size:.26rem;}
	#yxx_zy .list ul li .info small{font-size:.21rem;margin-top:.1rem;}
	
	#yxx_web{padding:.6rem 0;}
	#yxx_web .list{margin-top:0;}
	#yxx_web .list ul li{float:inherit;width:100%;margin-right:0;margin-top:.3rem;padding:.3rem;}
	#yxx_web .list ul li .icon{width:1rem;}
	#yxx_web .list ul li .icon i{width:1rem;height:1rem;line-height:1rem;font-size:.4rem;}
	#yxx_web .list ul li .info{width:calc(100% - 1.2rem);}
	#yxx_web .list ul li .info big{font-size:.26rem;}
	#yxx_web .list ul li .info small{font-size:.21rem;margin-top:.1rem;}	
	
	#yxx_hao{padding:1rem .5rem;}
	#yxx_hao big{font-size:.34rem;line-height:.5rem;}
	#yxx_hao small{font-size:.21rem;margin-top:.2rem;}
	#yxx_hao .btn{margin-top:.4rem;}
	#yxx_hao .btn a{padding:.1rem .5rem;border-radius:.6rem;}

	#yxx_yxl{padding:.6rem 0;}
	#yxx_yxl .list{margin-top:0;}
	#yxx_yxl .list ul li{float:inherit;width:100%;margin-right:0;margin-top:.3rem;}
	#yxx_yxl .list ul li big{font-size:.26rem;margin-top:.2rem;}
	#yxx_yxl .list ul li small{font-size:.21rem;margin-top:.1rem;line-height:.34rem;}
	
	#yxx_td{padding:.6rem 0;}
	#yxx_td .list ul li{float:inherit;width:100%;margin-right:0;margin-top:.3rem;padding:.3rem;}
	#yxx_td .list ul li .num{font-size:.4rem;}
	#yxx_td .list ul li big{font-size:.26rem;margin-top:.2rem;}
	#yxx_td .list ul li small{font-size:.21rem;margin-top:.1rem;line-height:.34rem;height:auto;}
}