



.mout{display: none;}
@media (max-width: 768px)
{
.mout{display: block;  !important;}
}
.pcout{display: block;}
@media (max-width: 768px)
{.pcout{display: none;}}
ul, ol { margin: 0; padding: 0; list-style-type: none; }

		.main1 .offset{overflow:hidden;background-:#fff;box-shadow-: 0 0 20px rgba(0,0,0,.08);position:absolute-;left:0;right:0;}
		.main1 .offset .list{margin-left:-130px;margin-bottom:86px;padding-top:50px;}
		.main1 .offset .list > li{float:left;width:25%;padding-left:130px;}
		.main1 .offset .list > li .box{display:block;}
		.main1 .offset .list > li .box .ico{width:100px;height:100px;border-radius:50%;background:#ededed;line-height:100px;text-align:center;margin:0 auto;}
		.main1 .offset .list > li .box .ico img{height:54px; vertical-align:middle;}
		.main1 .offset .list > li .box .ico .ico_2{display:none;}
		.main1 .offset .list > li .box .p1{font-size:18px;color:#fff;font-weight:bold-;text-align:center;padding:30px 0 16px 0;}
		.main1 .offset .list > li .box .p2{max-width:254px;margin:0 auto;text-align:center;line-height:24px;}
		.main1 .offset .list > li .box:hover .ico{background:#204e20;}
		.main1 .offset .list > li .box:hover .ico .ico_1{display:none;}
		.main1 .offset .list > li .box:hover .ico .ico_2{display:inline-block;}
		@media (max-width: 1024px) {
		.main1 .offset .list{display:none;}
			.main1{margin-bottom:0;}
			.main1 .offset{ position:unset;}
		    .main1 .offset .list > li{width:25%;}
			.main1 .offset .list > li .box .p2{max-width:none;}
		}
		@media (max-width: 600px) {
		.main1 .offset .list{display:none;}
		    .main1 .offset .list > li{width:25%;display:none;}
		}