@charset "utf-8";
@import "page.css";
#mweb_why{width:100%;padding:60px 0;}
#mweb_why .list .img{width:40%;text-align:right;}
#mweb_why .list .img img{width:90%;}
#mweb_why .list .text{width:50%;padding-top:10px;}
#mweb_why .list .text .title big{font-size:30px;display:block;}
#mweb_why .list .text .title small{font-size:14px;display:block;color:#878B99;margin-top:10px;}
#mweb_why .list .text .tisp{padding:20px 0;}
#mweb_why .list .text .info{padding:20px 0;}
#mweb_why .list .text .info p{padding:10px 0;}
#mweb_why .list .text .info p  i{margin-right:10px;font-size:24px;line-height:30px;vertical-align:middle;}
#mweb_why .list .text .more_btn{text-align:left;}

#mweb_web{width:100%;padding:60px 0;background:#f8f8f8;}
#mweb_web .list{margin-top:30px;}
#mweb_web .list ul li{float:left;width:50%;background:#fff;}
#mweb_web .list ul li .img{float:left;width:50%;overflow:hidden;}
#mweb_web .list ul li .img img{width:100%;}
#mweb_web .list ul li .text{float:right;width:50%;padding:60px 30px 0;}
#mweb_web .list ul li .text big{display:block;font-size:18px;}
#mweb_web .list ul li .text small{display:block;font-size:14px;line-height:24px;color:#878B99;}
#mweb_web .list ul li:nth-child(3) .img{float:right;}
#mweb_web .list ul li:nth-child(3) .text{float:left;}
#mweb_web .list ul li:nth-child(4) .img{float:right;}
#mweb_web .list ul li:nth-child(4) .text{float:left;}

#mweb_gn{width:100%;padding:60px 0;}
#mweb_gn .wrap{overflow:inherit;}
#mweb_gn .list ul li{float:left;width:calc((100% - 90px) / 4);margin-right:30px;border:1px solid #e8edf2;padding:20px;margin-top:30px;display:flex;justify-content:space-between;align-items:center;}
#mweb_gn .list ul li:nth-child(4n){margin-right:0;}
#mweb_gn .list ul li .icon{width:20%;padding-top:10px;}
#mweb_gn .list ul li .icon i{font-size:36px;color:#878B99;}
#mweb_gn .list ul li .info{ width:80%}
#mweb_gn .list ul li .info big{display:block;font-size:18px;}
#mweb_gn .list ul li .info small{display:block;font-size:14px;color:#878B99;line-height:24px;height:72px;overflow:hidden;}
#mweb_gn .list ul li:hover{border:1px solid #206ae4;}
#mweb_gn .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);}
#mweb_gn .list ul li:hover .icon i{color:#206ae4;}

#m_cehua{width:100%;padding:60px 0;background:#2a2b2c;}
#m_cehua .img{width:40%;}
#m_cehua .img img{width:100%;}
#m_cehua .text{padding-top:20px;}
#m_cehua .text .en{color:#fff;font-size:20px;}
#m_cehua .text big{font-size:34px;font-weight:700;color:#fff;display:block;margin-top:30px;}
#m_cehua .text em{display:block;width:25px;height:3px;background-color:#484949;margin:25px 0 30px;}
#m_cehua .text small{color:#fff;display:block;font-size:20px;}
#m_cehua .text p{color:#fff;margin-top:10px;}
#m_cehua .ulist{margin-top:80px;display:flex;justify-content:flex-start;align-items:center;gap:0 30px}
#m_cehua .ulist .li{text-align:center;border-right:1px solid #444;padding-right:30px;}
#m_cehua .ulist .li:last-child{border:0}
#m_cehua .ulist .li p{color:#878B99;}

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

@media (max-width:800px){
	body,html{font-size:.21rem;line-height:.34rem}	
	
	#mweb_why{padding:.6rem 0;}
	#mweb_why .list .img{float:inherit;width:100%;}
	#mweb_why .list .img img{width:100%;}
	#mweb_why .list .text{float:inherit;width:100%;padding-top:.3rem;}
	#mweb_why .list .text .title big{font-size:.3rem;}
	#mweb_why .list .text .title small{font-size:.21rem;margin-top:.1rem;}
	#mweb_why .list .text .tisp{padding:.2rem 0;}
	#mweb_why .list .text .info{padding:.2rem 0;}
	#mweb_why .list .text .info p{padding:.1rem 0;}
	#mweb_why .list .text .info p  i{margin-right:.1rem;font-size:.21rem;line-height:.34rem;}	
	
	#mweb_web{padding:.6rem 0;}
	#mweb_web .list{margin-top:0;}
	#mweb_web .list ul li{float:inherit;width:100%;background:#fff;margin-top:.3rem;}
	#mweb_web .list ul li .img{float:inherit;width:100%;}
	#mweb_web .list ul li .img img{width:100%;}
	#mweb_web .list ul li .text{float:inherit;width:100%;padding:.3rem;}
	#mweb_web .list ul li .text big{font-size:.26rem;}
	#mweb_web .list ul li .text small{font-size:.21rem;line-height:.34rem;margin-top:.1rem;}
	
	#mweb_gn{padding:.6rem 0;}
	#mweb_gn .list{margin-top:0;}
	#mweb_gn .list ul li{float:inherit;width:100%;margin-right:0;padding:.3rem;margin-top:.3rem;}
	#mweb_gn .list ul li .icon{width:1rem;padding-top:0;}
	#mweb_gn .list ul li .icon i{font-size:.4rem;width:1rem;height:1rem;line-height:1rem;border-radius:1rem;border:1px solid #e8edf2;text-align:center;}
	#mweb_gn .list ul li .info{ width:calc(100% - 1.3rem);}
	#mweb_gn .list ul li .info big{font-size:.26rem;}
	#mweb_gn .list ul li .info small{font-size:.21rem;line-height:.34rem;height:auto;margin-top:.1rem;}
    #m_cehua{padding:.6rem 0;}
	#m_cehua .img{width:100%;}
	#m_cehua .img img{width:100%;}
	#m_cehua .text{padding-top:.5rem;}
	#m_cehua .text .en{font-size:.21rem;}
	#m_cehua .text big{font-size:.26rem;margin-top:.2rem;}
	#m_cehua .text em{width:.3rem;height:.03rem;margin:.2rem 0;}
	#m_cehua .text small{font-size:.21rem;}
	#m_cehua .text p{color:#fff;margin-top:.1rem;}
	#m_cehua .ulist{margin-top:.5rem;display:flex;justify-content:space-between;align-items:center;}
	#m_cehua .ulist .li{ width:25%;text-align:left;border-right:0;padding-right:0;}
	#m_cehua .ulist .li img{width:.5rem}
	#m_cehua .ulist .li p{color:#878B99;}
	#mweb_td{padding:.6rem 0;}
	#mweb_td .list{margin-top:0;}
	#mweb_td .list ul li{float:inherit;width:100%;margin-right:0;margin-top:.3rem;}
	#mweb_td .list ul li .info{padding:.3rem;}
	#mweb_td .list ul li .info big{font-size:.26rem;}
	#mweb_td .list ul li .info small{font-size:.21rem;line-height:.34rem;height:auto;margin-top:.1rem;}

;}