/*--------------------*/
.MobleBig { width: 100%; display: none;}
.MobleNav { background: #edf0f2; display: block; height: 65px;  }
.MobleNav .lltab {  padding: 15px 0;  }
.MobleNav .lltab h4 { font-size: 27px;  font-weight: 800; line-height: 35px; display: block; width: 20%; float: left; padding: 0 0 0 1%; }
.MobleNav .lltab h4 a { color: #333; text-decoration: none; }
.MobleNav .lltab h5 { display: block; font-size: 23px;  display: block; width: 150px; float: right; line-height: 35px;  }
.MobleNav .lltab h5 img { vertical-align: middle; }
.MobleNav .lltab h5 a { color: #7dc03b; text-decoration: none; }
.MobleNav .lltab .Huv { width: 35px; height: 35px; float: right; cursor: pointer; }
.Matter {  background: #202020; padding: 20px 0; display: none; position:absolute; top: 65px; z-index: 10; left: 0; width: 100%;  color: #fff; }
.Matter .close { width: 19px; height: 19px; float: right; margin: 0 5% 0 0; cursor: pointer;  }
.Matter ul { font-size: 23px; padding: 20px 5% 0 5%; }
.Matter ul li { list-style: none; border-bottom: 1px solid #4d4d4d; padding: 25px 0 15px; }
.Matter ul li:last-child { border:none;  }
.Matter ul li a { color: #fff; text-decoration: none; }
/*----------------------------------------------------------------------------------------------------------------------------------------*/
.main-banner {background:linear-gradient(to right bottom,#f7cac5, #f7f7f7 40%);}
.main-banner .detail { width:1220px; margin:0 auto; height:510px;position: relative;padding:0 30px; background:url(../img/contact-pic1.png) right no-repeat;background-size: 559px 452px; }
.main-banner .detail h1 { font-size:57px; padding-bottom:25px; line-height:1;}
.main-banner .detail p { padding:15px 0; font-size:19px; line-height:1.6;}
.main-banner .detail .txt { width:600px; float:left; padding:105px 0 0 0;}

/* CSS Document */
.main-service{background: #f7f7f7;}
.main-service .detail { width:1220px; margin:0 auto; padding:40px 30px 90px;display: grid; grid-template-columns:1fr 1fr; gap:25px;}
.main-service .detail .service-item { padding:30px 40px;background: #fff;border-radius: 10px;}
.main-service .detail .service-item h3 { font-size:21px;}
.main-service .detail .service-item h3 +p{padding: 10px 0 20px;}
.main-service .detail .service-item p { font-size: 17px;line-height: 1.5;}
.main-service .detail .service-item p i { font-size:19px; font-style:normal;}

@media (max-width: 979px) {
    .detail,.Details{ width:100%; margin:0 auto;padding: 0 10px;box-sizing: border-box;}
    .Navigate{display: none;}
	/* `````````````````````````````````````````````````` */
	.main-banner .detail {width: 100%;height: auto;padding: 0 10px;background:none;}
	.main-banner .detail h2 {font-size: 1.3425rem;line-height: 2rem;font-weight: 600;padding-bottom: 0;}
	.main-banner .detail .txt {float: none;width: 100%;padding: 30px 0;text-align: center;}
	/* `````````````````````````````````````````````````` */

	.main-service .detail {width: 100%;padding: 30px 0;}
	.main-service .detail .left {width: 100%;float: none;padding: 15px 0;text-align: center;}
	.main-service .detail .left img {max-width: 100%;}
	.main-service .detail .left h3 {font-size: 1.3425rem;line-height: 2rem;}
	.main-service .detail .left p i {padding-left: 0;}
}

@media (max-width: 767px) {
	.main-service .detail{grid-template-columns: 1fr;padding: 0 10px;}

}

@media (max-width: 479px) {

}