﻿﻿@charset "utf-8";
@import "page.css";

#wm_lan{width:100%;padding:80px 0}
#wm_lan .img{margin-top:50px;text-align:center}

#wm_service{width:100%;padding:80px 0;background:#f8f8f8}
#wm_service .list{margin-top:50px;}
#wm_service .list ul li{float:left;width:calc((100% - 90px) / 4);margin-right:30px;}
#wm_service .list ul li:last-child{margin-right:0}
#wm_service .list ul li .img{overflow:hidden}
#wm_service .list ul li .img img{width:100%}
#wm_service .list ul li .info{margin-top:20px}
#wm_service .list ul li .info big{font-size:18px;display:block}
#wm_service .list ul li .info small{font-size:14px;display:block;margin-top:10px;line-height:24px;color:#888}

#wm_td{width:100%;padding:80px 0;}
#wm_td .wrap{overflow:inherit}
#wm_td .list ul li{float:left;width:calc((100% - 60px) / 3);margin-right:30px;background:#f8f8f8;padding:40px;margin-top:30px}
#wm_td .list ul li:nth-child(3n){margin-right:0}
#wm_td .list ul li i{float:left;font-size:40px;width:80px;height:80px;text-align:center;line-height:80px;background:#e17ae2;border-radius:80px;color:#fff}
#wm_td .list ul li:nth-child(2) i{background:#46b1d9}
#wm_td .list ul li:nth-child(3) i{background:#e2b233}
#wm_td .list ul li:nth-child(4) i{background:#e771b1}
#wm_td .list ul li:nth-child(5) i{background:#ae82e3}
#wm_td .list ul li:nth-child(6) i{background:#e87676}
#wm_td .list ul li:nth-child(7) i{background:#e17ae2}
#wm_td .list ul li:nth-child(8) i{background:#4fc9e2}
#wm_td .list ul li:nth-child(9) i{background:#97d25c}
#wm_td .list ul li .info{float:right;width:calc(100% - 120px)}
#wm_td .list ul li .info big{font-size:18px;display:block;margin-top:10px}
#wm_td .list ul li .info small{font-size:14px;line-height:26px;display:block;margin-top:10px;height:110px;color:#888}
#wm_td .list ul li:hover{-webkit-transform:translatey(-10px);-ms-transform:translatey(-10px);-o-transform:translatey(-10px);transform:translatey(-10px);}

#wm_seo{width:100%;padding:80px 0;background:url(/theme/2020/static/images/wm_seo.jpg) no-repeat center center;background-size:cover}
#wm_seo .en{color:#fff;text-align:center;font-size:24px}
#wm_seo .title{font-size:50px;font-weight:bold;margin-top:40px;text-align:center;color:#fff;line-height:50px}
#wm_seo .info{color:#fff;margin-top:60px;text-align:center;line-height:24px}
#wm_seo .img{margin-top:40px;text-align:center}

#wm_yx{width:100%;padding:80px 0}
#wm_yx .wrap{overflow:inherit}
#wm_yx .list{margin-top:20px}
#wm_yx .list ul li{float:left;width:calc((100% - 90px) / 4);margin-right:30px;border:1px solid #eee;padding:20px;margin-top:30px}
#wm_yx .list ul li:nth-child(4n){margin-right:0}
#wm_yx .list ul li i{float:left;font-size:30px;color:#999;margin-top:8px}
#wm_yx .list ul li .info{float:right;width:calc(100% - 60px)}
#wm_yx .list ul li .info big{ display:block;font-size:18px}
#wm_yx .list ul li .info small{display:block;font-size:14px;color:#999;line-height:20px;margin-top:5px;height:70px}
#wm_yx .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);}

#wm_qq{width:100%;padding:80px 0}
#wm_qq .img{margin-top:50px;text-align:center}
@media (max-width:800px){
	#wm_lan{padding:.8rem 0}
	#wm_lan .img{margin-top:.5rem;}
	#wm_lan .img img{ width:100%}
	
	#wm_service{padding:.8rem 0}
	#wm_service .list{margin-top:.2rem;}
	#wm_service .list ul li{float:inherit;width:100%;margin-right:.3rem;margin-top:.3rem}
	#wm_service .list ul li .info{margin-top:.2rem}
	#wm_service .list ul li .info big{font-size:.28rem;}
	#wm_service .list ul li .info small{font-size:.23rem;margin-top:.1rem;line-height:.36rem;}
	
	#wm_td{padding:.8rem 0;}
	#wm_td .list ul li{float:left;width:100%;margin-right:0;padding:.3rem .3rem;margin-top:.3rem}
	#wm_td .list ul li i{float:inherit;font-size:.4rem;width:.8rem;height:.8rem;line-height:.8rem;border-radius:.8rem;}
	#wm_td .list ul li .info{float:inherit;width:100%}
	#wm_td .list ul li .info big{font-size:.28rem;margin-top:.3rem}
	#wm_td .list ul li .info small{font-size:.23rem;line-height:.4rem;margin-top:.1rem;height:auto;}
	
	#wm_seo{padding:.8rem 0;}
	#wm_seo .en{font-size:.23rem}
	#wm_seo .title{font-size:.5rem;margin-top:.4rem;line-height:.5rem}
	#wm_seo .info{margin-top:.6rem;line-height:.4rem}
	#wm_seo .img{margin-top:.4rem;}
	#wm_seo .img img{width:2rem}
	
	#wm_yx{padding:.8rem 0}
	#wm_yx .list{margin-top:.2rem}
	#wm_yx .list ul li{float:inherit;width:100%;margin-right:0;padding:.2rem .3rem;margin-top:.3rem}
	#wm_yx .list ul li i{float:inherit;font-size:30px;color:#999;margin-top:8px}
	#wm_yx .list ul li .info{float:inherit;width:calc(100% - .8rem)}
	#wm_yx .list ul li .info big{ font-size:.28rem;margin-top:.2rem}
	#wm_yx .list ul li .info small{font-size:.23rem;line-height:.36rem;margin-top:.1rem;height:auto}
	
	#wm_qq{padding:.8rem 0}
	#wm_qq .img{margin-top:.5rem;}
	#wm_qq .img img{width:100%}	
}