<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#main-container{
	width: 100%;
	height: auto;
}
/*banner start*/
#main-container&gt;.banner{
	width: 100%;
	background-color: #eaeaea;
}
.banner-content {
	padding:3.5rem 0;
}
.banner-content .left-img{
	width: 780px;
	height: 18.2rem;
}
.banner-content .left-img&gt;img{
	width: 100%;
	height: 100%;
}
/*right-introduction s*/
.banner-content .right-introduction{
	width: 400px;
	padding:0 40px;
	background-color: #fff;
}
.banner-content .right-introduction .basit-services{
	left:2rem;
	top:2rem;
	font-size: 1.5rem;
	color:#363636;
    z-index: 1;
}
.banner-content .right-introduction .english{
	left: 2.75rem;
	top:  2.75rem;
	font-size: 1.5rem;
	font-weight: bold;
	color:#f4eadf;
}
.banner-content .right-introduction .introduction{
	margin-top:6rem;
	font-size: 0.9rem;
	color:#747474;
}
/*right-introduction end*/
/*banner end*/
/*service start*/
#main-container&gt;.service{
	width: 100%;
	background-color: #fff;
}
/*service-contentstart*/
.service-content .title{
	width: 100%;
	height:6.5rem;
	padding-top:3rem;
}
.service-content .title&gt;h2{
	width: 100%;
	text-align: center;
	line-height: 2.5rem;
	font-size: 1.5rem;
	color:#ca945f;
}
.service-content .title&gt;span{
	display: block;
	margin:0 auto; 
	width: 3rem;
	height: 0.1rem;
	background-color: #ca945f;
}
/*project start*/
.service-content .project{
	width: 100%;
	margin-top:3.5rem;
}
.service-content .project:last-child{
	margin-bottom:5rem;	
}
.service-content .back-img{
	width: 100%;
	height: 100%;
}
.service-content .back-img&gt;img{
	width: 100%;
	height: 100%;
}
.service-content .bottom{
	left:0;
	bottom:0;
	width: 100%;
	height: 5rem;
	background-image: url('../images/bottom-img1.png');
}
.service-content .bottom .logo{
	width: 5rem;
	height: 5rem;
	font-size:0.9rem;
	line-height: 5rem;
	text-align: center;
	color:#fff;
	background: url('../images/ya.png') round;
	background-repeat:no-repeat;
	background-size:100% 100%;
/*	background-color: rgba(125,0,0,0.2);*/
}
.service .project .get-more-info{
	margin:0 auto;
	margin-top:27px;
	border-color:#ffffff;
	color:#ffffff;
}
.service .project .get-more-info a{	
	color:#ffffff;
}
.service-content .bottom .text{
	width: 41rem;
	height: 5rem;
	padding-top:1rem;
}
.service-content .bottom .text&gt;p{
	font-size:0.9rem;
	line-height: 1.5rem;
	height:3rem;
	overflow:hidden;
	color:#fff;
}
.service-content .bottom .more-box{
	width: 20%;
	height: 100%;
	
}
.service-content .bottom .more-box .know-more{
	bottom:20px;
	right:40px;
	width: 166px;
	height: 44px;
	border:1px solid #fff;
}
.service-content .bottom .more-box .know-more&gt;a{
	display: inline-block;
	width: 100%;
	height: 100%;
	font-size: 0.9rem;
	color:#fff;
	text-align: center;
	line-height: 44px;
}
/*project end*/
/*serevice-content end*/
/*service end*/
@media screen and (max-width:768px){
.banner-content .left-img,
.banner-content .right-introduction{
	width:100%;
	padding-bottom:1rem;
}
.service-content .bottom .text{
	margin:0 auto;
	width:90%;
}
.service-content .bottom .logo,
.service .project .more-box{
	display:none;
}
.service-content .project {
	/* height:24rem; */
}
}	</pre></body></html>