@charset "utf-8";
@import "page.css";
#m_service{width:100%;padding:60px 0;}
#m_service .list{margin-top:30px;}
#m_service .list ul{display:flex;justify-content:space-between;align-items:center;gap:0 30px}
#m_service .list ul li{width:calc((100% - 120px) /5);text-align:center;border:1px solid #e8edf2;padding:20px;border-radius:4px;}
#m_service .list ul li{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#m_service .list ul li .icon{padding-top:25px;text-align:center;}
#m_service .list ul li .icon i{color:#fff;font-size:36px;width:80px;height:80px;text-align:center;line-height:80px;border-radius:80px;background:#4fc9e2;}
#m_service .list ul li .icon i{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#m_service .list ul li:nth-child(2) .icon i{background:#46b1d9;}
#m_service .list ul li:nth-child(3) .icon i{background:#e2b233;}
#m_service .list ul li:nth-child(4) .icon i{background:#e771b1;}
#m_service .list ul li:nth-child(5) .icon i{background:#ae82e3;}
#m_service .list ul li:nth-child(6) .icon i{background:#e87676;}
#m_service .list ul li:nth-child(7) .icon i{background:#e17ae2;}
#m_service .list ul li:nth-child(8) .icon i{background:#4fc9e2;}
#m_service .list ul li:nth-child(9) .icon i{background:#97d25c;}
#m_service .list ul li .info{margin-top:30px;padding:0 0 20px;}
#m_service .list ul li .info h3{font-size:20px;font-weight:normal;}
#m_service .list ul li .info p{margin-top:20px;line-height:26px;color:#878B99;}
#m_service .list ul li .info p{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;}
#m_service .list ul li:hover{background:#206ae4;}
#m_service .list ul li:hover .icon i{color:#206ae4;background:#fff;}
#m_service .list ul li:hover{background:#206ae4;}
#m_service .list ul li:hover .info h3{color:#fff;}
#m_service .list ul li:hover .info p{color:#fff;}

#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;}

#m_gongneng{width:100%;padding:60px 0;background:#f4f4f4;}
#m_gongneng .list{margin-top:30px;}
#m_gongneng .list ul{float:left;width:calc(100% - 23%);}
#m_gongneng .list ul li{float:left;width:calc(94% / 3);background:#fff;padding:35px 50px;border:1px solid #ededed; background-repeat:no-repeat; background-position:86% center;}
#m_gongneng .list ul li{margin-right:2%;margin-top:20px;}
#m_gongneng .list ul li big{display:block;font-size:16px;}
#m_gongneng .list ul li small{display:block;font-size:12px;color:#878B99;line-height:20px;}
#m_gongneng .list ul li:nth-child(1){background-image:url("../public/images/mobile/m_gongneng_1.png");}
#m_gongneng .list ul li:nth-child(2){background-image:url("../public/images/mobile/m_gongneng_2.png");}
#m_gongneng .list ul li:nth-child(3){background-image:url("../public/images/mobile/m_gongneng_3.png");}
#m_gongneng .list ul li:nth-child(4){background-image:url("../public/images/mobile/m_gongneng_4.png");}
#m_gongneng .list ul li:nth-child(5){background-image:url("../public/images/mobile/m_gongneng_5.png");}
#m_gongneng .list ul li:nth-child(6){background-image:url("../public/images/mobile/m_gongneng_6.png");}
#m_gongneng .list ul li:nth-child(7){background-image:url("../public/images/mobile/m_gongneng_7.png");}
#m_gongneng .list ul li:nth-child(8){background-image:url("../public/images/mobile/m_gongneng_8.png");}
#m_gongneng .list ul li:nth-child(9){background-image:url("../public/images/mobile/m_gongneng_9.png");}
#m_gongneng .list ul li:hover{border:1px solid #206ae4; background:#206ae4;background-repeat:no-repeat; background-position:86% center;}
#m_gongneng .list ul li:hover big,
#m_gongneng .list ul li:hover small{color:#fff;}
#m_gongneng .list ul li:nth-child(1):hover{background-image:url("../public/images/mobile/m_gongneng_1_on.png");}
#m_gongneng .list ul li:nth-child(2):hover{background-image:url("../public/images/mobile/m_gongneng_2_on.png");}
#m_gongneng .list ul li:nth-child(3):hover{background-image:url("../public/images/mobile/m_gongneng_3_on.png");}
#m_gongneng .list ul li:nth-child(4):hover{background-image:url("../public/images/mobile/m_gongneng_4_on.png");}
#m_gongneng .list ul li:nth-child(5):hover{background-image:url("../public/images/mobile/m_gongneng_5_on.png");}
#m_gongneng .list ul li:nth-child(6):hover{background-image:url("../public/images/mobile/m_gongneng_6_on.png");}
#m_gongneng .list ul li:nth-child(7):hover{background-image:url("../public/images/mobile/m_gongneng_7_on.png");}
#m_gongneng .list ul li:nth-child(8):hover{background-image:url("../public/images/mobile/m_gongneng_8_on.png");}
#m_gongneng .list ul li:nth-child(9):hover{background-image:url("../public/images/mobile/m_gongneng_9_on.png");}
#m_gongneng .list .right{width:23%;background:#fff;border:1px solid #ededed;padding:50px 0 0;margin-top:20px;text-align:center;height:405px;}
#m_gongneng .list .right big{display:block;font-size:16px;}
#m_gongneng .list .right small{display:block;font-size:20px;color:#878B99;margin-top:10px;}
#m_gongneng .list .right .img{margin-top:40px;}

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

@media (max-width:800px){
	body,html{font-size:.21rem;line-height:.34rem;}
	
	#m_service{padding:.6rem 0;}
	#m_service .list{margin-top:0;}
	#m_service .list ul{display:block;gap:0}
	#m_service .list ul li{float:inherit;width:100%;margin-right:0;padding:.25rem;border-radius:4px;margin-top:.3rem;}
	#m_service .list ul li a{display:flex;justify-content:space-between;align-items:center;}
	#m_service .list ul li .icon{padding-top:0;width:1rem}
	#m_service .list ul li .icon i{font-size:.4rem;width:1rem;height:1rem;line-height:1rem;border-radius:1rem;}
	#m_service .list ul li .info{margin-top:0;padding:0;width:calc(100% - 1.3rem);text-align:left;}
	#m_service .list ul li .info h3{font-size:.26rem;}
	#m_service .list ul li .info p{font-size:.21rem;line-height:.34rem;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;}
	
	#m_gongneng{padding:.6rem 0;}
	#m_gongneng .list{margin-top:.3rem;}
	#m_gongneng .list ul{float:inherit;width:100%;}
	#m_gongneng .list ul li{float:inherit;width:100%;padding:.3rem; background-size:.5rem auto}
	#m_gongneng .list ul li{margin-right:0;margin-top:.25rem;}
	#m_gongneng .list ul li big{font-size:.26rem;}
	#m_gongneng .list ul li small{font-size:.21rem;color:#878B99;line-height:.34rem;}
	#m_gongneng .list ul li:hover{ background-size:.5rem auto}
	#m_gongneng .list ul li:hover big,
	#m_gongneng .list ul li:hover small{color:#fff;}
	#m_gongneng .list .right{ display:none}
	
	#m_sheji{height:auto;padding:.6rem 0;}
	#m_sheji .img{width:100%;}
	#m_sheji .img img{width:100%;}
	#m_sheji .text{padding-top:.5rem;}
	#m_sheji .text .en{font-size:.21rem;}
	#m_sheji .text big{font-size:.26rem;margin-top:.2rem;}
	#m_sheji .text em{width:.3rem;height:.03rem;margin:.2rem 0;}
	#m_sheji .text small{font-size:.21rem;}
	#m_sheji .text p{color:#fff;margin-top:.1rem;}
	#m_sheji .ulist{margin-top:.5rem;display:flex;justify-content:space-between;align-items:center;gap:0}
	#m_sheji .ulist .li{ width:33.3%;text-align:left;border-right:0;}
	#m_sheji .ulist .li img{width:.5rem}
}