@charset "utf-8";
/* CSS Document */
/**
 * @description: 网站首页样式
 * @author: ishang_pan
 * @update: ishang_pan 
 */

/*home*/
.m-hrtgntrdctn{margin-top:315px;background:url(../images/home/hrtgntrdctn.png) top right no-repeat;}
.m-hrtgTitle{width:195px;border-top:3px solid #a10808;padding:16px 12px 0 12px;display:flex;align-items:center;}
.m-hrtgTitle p{font-family:MicrosoftYaHei-Bold;font-size:32px;font-weight:700;font-stretch:normal;line-height:38px;letter-spacing:0;color:#fff;}
.m-hrtgTitle p:nth-child(1){width:60px;height:60px;background-color:#a10808;line-height:60px;text-align:center;margin-right:10px;}
.g-hrtgntrdctn{padding-top:30px;}
.g-hrtgntrdctn p{text-indent:36px;font-family:MicrosoftYaHei;font-size:18px;font-weight:400;font-stretch:normal;line-height:36px;letter-spacing:0;color:#fff;}

.m-hrtgprjctForm{padding:10px 20px;background-color: #f6f6f6;margin: 20px 0;}
.m-hrtgprjctTab{margin:5px 0;height:34px;line-height:34px;display: flex;align-items: center;}
.m-hrtgprjctTab h3{margin-right:0;}
.m-hrtgprjctTab h3 a{padding:0;color:#333;letter-spacing:0;font-weight:700;font-stretch:normal;font-size:18px;font-family:MicrosoftYaHei-Bold;}
.m-hrtgprjctTab li{float:left;margin-right:15px;}
.m-hrtgprjctTab li a{height:34px;line-height: 34px;display:block;padding:0 10px;color:#666666;text-align:center;letter-spacing:0;font-weight:400;font-size:16px;font-family:MicrosoftYaHei;}
.m-hrtgprjctTab li.u-active a{height:34px;min-width:87px;border-radius:4px;background-color:#a10808;color:#fff;line-height:34px;}

.m-hrtgprjct{margin-top: 39px;}
.m-hrtgprjctTitle{width:195px;border-top:3px solid #a10808;padding:16px 12px 0 12px;display:flex;align-items:center;}
.m-hrtgprjctTitle p{font-family:MicrosoftYaHei-Bold;font-size:32px;font-weight:700;font-stretch:normal;line-height:38px;letter-spacing:0;color:#000000;}
.m-hrtgprjctTitle p:nth-child(1){width:60px;height:60px;background-color:#a10808;color:#fff;line-height:60px;text-align:center;margin-right:10px;}

.m-hrtgprjctList li{display:flex;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #ccc;margin-top:20px}
/* .m-hrtgprjctList li:last-child{border-bottom:none} */
.u-prjctdgrm{width:312px;height:220px;flex-shrink:0;margin-right:27px;overflow: hidden;}
.u-prjctntrdctn h3{font-family:MicrosoftYaHei-Bold;font-size:24px;font-weight:700;font-stretch:normal;letter-spacing:0;color:#333;margin-bottom:10px}
.u-prjctntrdctn p{font-family:MicrosoftYaHei;font-size:16px;font-weight:400;font-stretch:normal;line-height:36px;letter-spacing:0;color:#333;margin-bottom:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis}
.u-prjctntrdctn a{display:block;width:109px;height:42px;background-color:#f3f3f3;font-family:MicrosoftYaHei;font-size:16px;font-weight:400;font-stretch:normal;line-height:42px;letter-spacing:0;color:#333;text-align:center}

.m-rule{margin-top:10px;height:569px;padding:45px 0;background-color:#f5f3e9}
.g-rule{width:639px}
.g-ruleList{margin:30px 0}
.g-ruleList li{margin:10px 0;padding:0 10px;height:70px;background-color:#fff;line-height:70px;overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;color:#333}
.g-ruleList li a{font-family:MicrosoftYaHei;font-size:18px;font-weight:400;font-stretch:normal;letter-spacing:0;color:#333}
.g-ruleList li:hover {
    background-color: #a10808; /* 鼠标悬停时背景色变为红色 */
    color: white; /* 文字颜色变为白色 */
    transition: background-color 0.3s ease, color 0.3s ease; /* 添加过渡效果，使颜色变换平滑 */
}
.g-ruleList li:hover a{
	color: white; /* 文字颜色变为白色 */
    transition: background-color 0.3s ease, color 0.3s ease; /* 添加过渡效果，使颜色变换平滑 */
}
.u-cnsltngsrvc{display:flex;align-items:center;justify-content:center;height:105px;background:url(../images/home/u-cnsltngsrvc.png) center no-repeat}
.u-cnsltngsrvc span{margin-left:15px;font-family:MicrosoftYaHei-Bold;font-size:34px;font-weight:700;font-stretch:normal;letter-spacing:0;color:#a10808}


/* 图片缩放效果 */
.transition,
.transition *{-webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms;}
.u-prjctdgrm img{-moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s;}
.u-prjctdgrm img:hover{-moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); -webkit-transform:scale(1.05); transform:scale(1.05);}

/*media query*/
/*large pcScreen*/
@media (min-width:1200px) {


}
/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {
    

}
/*pad md*/
@media screen and (max-width: 991px ){
	.m-rule{height: auto;}
	.g-rule,.u-prjctdgrm{width:100%;}
	.u-prjctdgrm{margin: 0 0 20px 0;}
	.u-prjctdgrm img{width: 100%;height: 100%;}
	.m-hrtgprjctTab,.m-hrtgprjctList li{flex-wrap: wrap;}
	.m-hrtgprjctTab{height: auto;}
	.m-hrtgprjctTab ul{padding: 10px 0;}
}
/*phone sm*/
@media screen and (max-width: 767px) {
    


}
/*small xs*/
@media screen and (max-width: 638px) {
    

}