@import "page.css";




#yxx_sj{ width:100%; padding:80px 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:80px 0; background:#f8f8f8}
#yxx_zy .list{ margin-top:50px}
#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:80px 0;}
#yxx_web .list{ margin-top:20px}
#yxx_web .list ul li{ float:left; width:calc((100% - 60px) / 3); margin-right:30px; margin-top:30px; border:1px solid #eee; padding:30px; background:#fff}
#yxx_web .list ul li:nth-child(3n){ margin-right:0}
#yxx_web .list ul li .icon{ float:left; width:80px}
#yxx_web .list ul li .icon i{ width:60px; height:60px; border:1px solid #eee; border-radius:50%; background:#000; color:#fff; text-align:center; line-height:60px; font-size:30px}
#yxx_web .list ul li .info{ float:right; width:calc(100% - 100px);}
#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/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 .btn2{ text-align:center; margin-top:40px}
#yxx_hao .btn2 a{ background:#f90; color:#fff; display:inline-block; padding:10px 50px; border-radius:60px;}

#yxx_yxl{ width:100%; padding:80px 0}
#yxx_yxl .list{ margin-top:50px}
#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:80px 0; background:#f8f8f8}
#yxx_td .list ul li{ float:left; width:calc((100% - 60px) / 3); margin-right:30px; margin-top:30px; border:1px solid #eee; 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){
	#yxx_sj{ width:100%; padding:.8rem 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_zy{padding:.8rem 0;}
	#yxx_zy .list{ margin-top:.2rem}
	#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:.28rem;}
	#yxx_zy .list ul li .info small{ font-size:.23rem; }
	
	#yxx_web{ padding:.8rem 0;}
	#yxx_web .list{ margin-top:.2rem}
	#yxx_web .list ul li{ float: inherit; width:100%; height:1.8rem; margin-right:0; margin-top:.3rem; padding:.3rem;}
	#yxx_web .list ul li .icon{ float:left; 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{ float: right; width:calc(100% - 1.2rem);}
	#yxx_web .list ul li .info big{ font-size:.28rem;}
	#yxx_web .list ul li .info small{ font-size:.23rem; }	
	
	#yxx_hao{  padding:1.5rem .5rem;}
	#yxx_hao big{ font-size:.36rem;}
	#yxx_hao small{font-size:.28rem; margin-top:.2rem}
	#yxx_hao .btn{  margin-top:.4rem}
	#yxx_hao .btn a{ padding:.1rem .5rem; border-radius:.6rem;}

	#yxx_yxl{padding:.8rem 0}
	#yxx_yxl .list{ margin-top:.2rem}
	#yxx_yxl .list ul li{ float: inherit; width:100%; margin-right:0; margin-top:.3rem}
	#yxx_yxl .list ul li big{ font-size:.28rem; margin-top:.2rem}
	#yxx_yxl .list ul li small{font-size:.23rem; margin-top:.1rem; line-height:.36rem}
	
	#yxx_td{padding:.8rem 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:.28rem; margin-top:.2rem}
	#yxx_td .list ul li small{font-size:.23rem; margin-top:.1rem; line-height:.36rem; height: auto}
}