@charset "utf-8";
/* 加入我们 CSS Document */
.page-con{max-width:100%;width: 1200px;margin: 0 auto;display: flow-root;}
.left{float: left;}
.right{float: right;}
/*第一行-----------------------------------------------------------------------------------------------------------*/
.com1{ display: none; height: 5.875rem;background: #F3F3F3;line-height: 5.875rem;}
.com1 ul{margin: 0 auto;display: flex;width: 43.75rem;}
.com1 ul li{flex: 1; padding-left: 3.375rem;float: left;font-size: 1.375rem;}
.com1 ul li:first-child{background: url(icon1_pic1.png) no-repeat center left;}
.com1 ul li:last-child{background: url(icon1_pic2.png) no-repeat center left;}

/*第二行-----------------------------------------------------------------------------------------------------------*/
.com2{margin-top: 5rem;display: none;}
.con_title{text-align: center;margin-bottom: 30px;}
.com1_title{display: block;    font-family: "PingFang SC Heavy";font-weight: 500;font-size: 36px;text-align: center;color: #333;line-height: 50px;height: 50px;}
.com1_ywt{font-size: 2.25rem;color: #ABBDC5;line-height: 2.25rem;}
.com2 ul {display: flex;}
.com2 ul li {flex: 1;margin-right: 32px;position: relative;line-height: 13.375rem;text-align: center;}
.com2 ul li:last-child{margin-right: 0;}
.com2 ul li img{width: 100%;}
.com2 ul li span{position: absolute;text-align: center;width: 100%;left: 0;font-size: 2rem;color: #FFFFFF;font-weight: 700;}

/*第三行-----------------------------------------------------------------------------------------------------------*/
.com3{margin-top: 50px;}
.com3_b{display: flow-root;}
.com3_bl {float: left;width: 37%;}
.com3_bl ul li{position: relative;}
.com3_bl ul li:first-child{margin-bottom: .625rem;}
.com3_bl ul li img{height:414px;width: 100%;border-radius: .9375rem;}
.com3_bl ul li span{position: absolute;left: 1.875rem;bottom: 1.25rem;font-weight: 600;font-size: 2rem;color: #FFFFFF;}
.com3_br{float: right;width: 60%;}
.com3_br ul li{height: 6rem;width: 100%;background: #F3F3F3;border-radius: .25rem;padding: 1.25rem;margin-bottom: .625rem;}
.com3_br ul li:last-child{margin-bottom:0}
.com3_br ul li p{font-weight: 600; font-size: 1.125rem;line-height: 1.625rem;padding-bottom: .625rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.com3_br ul li span{font-size: .875rem;color: #999999;line-height: 1.25rem;margin-right: 1.25rem;}
.com3 .com3_more{border: .0625rem solid #fbb430;border-radius: 1.5625rem;color: #fbb430;width: 8.75rem;height: 2.5rem;line-height: 2.5rem;text-align: center;margin: 1.875rem auto 5rem auto;}




@media (max-width: 1400px){
	.page-con{width:1100px;}
}
@media (max-width: 1100px){
	.page-con{width:94%;}
	.com3 {margin-top: 2.5rem;}
	.con_title{margin-bottom: 1.875rem;}
	.com1_title{line-height: 3.125rem;height: 3.125rem;font-size: 2.25rem;}
	.com3_bl {float: unset;width: 100%;}
	.com3_bl ul li img {height: auto;}
	.com3_br {float: unset;width: 100%;}
	.com3_br ul li{height:auto;}
	.com3_br ul li p {font-weight: 600;font-size: 1.125rem;line-height: 1.625rem;padding-bottom: .625rem;}
	.com3_br ul li span {font-size: .875rem;line-height: 1.25rem;margin-right: 1.25rem;}
	.com3 .com3_more {width: 8.75rem;height: 2.5rem;line-height: 2.5rem;margin: 1.875rem auto 5rem auto;}
	
	
}
@media (max-width: 770px) {
	.page-con{width:94%;}
	.com3 {margin-top: 2.5rem;}
	.con_title{margin-bottom: 1.875rem;}
	.com1_title{line-height: 3.125rem;height: 3.125rem;font-size: 2.25rem;}
	.com3_bl {float: unset;width: 100%;}
	.com3_bl ul li img {height: auto;}
	.com3_br {float: unset;width: 100%;}
	.com3_br ul li{height:auto;}
	.com3_br ul li p {font-weight: 600;font-size: 1.95rem;line-height:3.85rem;padding-bottom: 1.5rem;}
	.com3_br ul li span {font-size: 1.5rem;line-height: 2.25rem;margin-right: 1.25rem;}
	.com3 .com3_more {width: 10.75rem;height: 3.5rem;line-height: 3.5rem;margin: 1.875rem auto 3rem auto;font-size: 1.5rem;}
	.com3_br ul li{margin-bottom: 1.5rem;border-radius: 1rem;}
	.com3_bl ul li:first-child {margin-bottom: 1.5rem;}

}