introduce.css 5.8 KB
/*范围*/
@media(min-width: 768px){
	.aside p a{
		text-decoration: none;
	}
	.content{
		width:1200px;
		margin: auto;
	}
	.content1_title{
		position: relative;
		display: flex;
		display: -webkit-flex;
		justify-content: center;
	}
	.content1_txt{
		width:216px;
		padding-top:50px;
		text-align: center;
	}
	.content1_txt h2{
		width:191px;
		cursor: pointer;
		padding-bottom:10px;
		font-size:44px;
		margin: auto;
		border-bottom:1px solid #2C82E6;
		font-family:MicrosoftYaHei-Bold;
		font-weight:bold;
		color:rgba(51,51,51,1);
	}
	.content1_txt p{
		font-size:18px;
		margin-top:4px;
		cursor: pointer;
		font-family:PingFang-SC-Medium;
		font-weight:500;
		color:rgba(51,51,51,1);
	}
	.aside{
		display: flex;
		top:75px;
		right:0;
		display: -webkit-flex;
		position: absolute;
	}
	.aside p a{
		color: #333333;
		font-size:20px;
		font-family:PingFang-SC-Medium;
		margin-left:46px;
	}
	.content1_in,.content2_in{
		overflow: hidden;
		margin-top:70px;
	}
	.imgBox,.imgBox2{
		width:324px;
		height:225px;
		float:left;
		cursor: pointer;
	}
	.imgBox img,.imgBox2 img{
		width:100%;
		height:100%;
	}
	.content1_in p,.content2_in p{
		width:714px;
		float:left;
		margin-left: 66px;
		font-size:18px;
		font-family:PingFang-SC-Medium;
		font-weight:500;
		color:rgba(51,51,51,1);
		line-height:36px;
	}
	.content2_in p{
		margin-left: 0px;
	}
	.content2_in .imgBox2{
		float:right;
		margin-right:10px;
	}
	.content3_in{
		overflow: hidden;
		position: relative;
		margin-top:52px;
	}
	.content3_in img{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
	}
	.textbox_time{
		margin:20px 0 47px 0;
	}
	.textbox_time{
		display: flex;
		display: -webkit-flex;
	}
	.textbox,.textbox2,.textbox3{
		width:449px;
		height:119px;
		background:rgba(76,160,255,1);
		border-radius:10px;
	}
	.textbox p,.textbox2 p,.textbox3 p{
		color: white;
		padding:12px 12px;
		font-size:18px;
		font-family:PingFang-SC-Medium;
	}
	.textbox,.textbox3{
		cursor: pointer;
		margin-left:100px;
	}
	.time,.time2,.time3{
		line-height:110px;
	}
	.time,.time3{
		margin-left:100px;
	}
	.textbox2{
		margin-left:100px;
	}
	.time2{
		margin-left:480px;
	}
	.content3_in ul{
		height: 124px;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
	}
	.content3_in ul li{
		width:280px;
		cursor: pointer;
		height: 118px;
		box-shadow:0px 1px 4px 0px rgba(96,96,96,0.16);
		border-radius:10px;
	}
	.content3_in ul li h2{
		width:100%;
		height: 46px;
		color: white;
		font-size:18px;
		text-align: center;
		line-height:46px;
		font-weight:400;
		border-radius:10px 10px 0 0;
		background:#4CA0FF;
	}
	.content3_in ul li p{
		font-size:14px;
		font-weight:400;
		color:rgba(51,51,51,1);
		padding:10px 0 0 12px;
		font-family:MicrosoftYaHei;
	}
	.content4_in{
		width: 1084px;
		margin: auto;
		font-size:20px;
		margin:25px 0 52px 0;
		font-family:PingFang-SC-Medium;
		font-weight:500;
		color:rgba(51,51,51,1);
		line-height:36px;
	}
}
@media(max-width: 768px){
	.aside{
		display: none;
	}
	.content{
		width:100%;
		margin: auto;
	}
	.content1_title{
		margin-top: 25px;
		position: relative;
		display: flex;
		display: -webkit-flex;
		justify-content: center;
	}
	.content1_txt{
		width:216px;
		padding-top: 22px;
		text-align: center;
	}
	.content1_txt h2{
		cursor: pointer;
		margin: auto;
		border-bottom:1px solid #2C82E6;
		font-family:MicrosoftYaHei-Bold;
		font-weight:bold;
		color:rgba(51,51,51,1);
		width: 144px;
		font-size: 23px;
		padding-bottom:5px;
	}
	.content1_txt p{
		font-size: 12px;
		margin-top:4px;
		cursor: pointer;
		font-family:PingFang-SC-Medium;
		font-weight:500;
		color:rgba(51,51,51,1);
	}
	.content1_in,.content2_in{
		overflow: hidden;
		margin-top:18px;
	}
	.imgBox,.imgBox2{
		width:324px;
		height:225px;
		margin: auto;
		cursor: pointer;
	}
	.imgBox img,.imgBox2 img{
		width:100%;
		height:100%;
	}
	.content1_in p,.content2_in p{
		width: 100%;
		padding: 0 30px;
		margin-top: 10px;
		font-size:14px;
		font-family:PingFang-SC-Medium;
		font-weight:500;
		color:rgba(51,51,51,1);
		line-height:27px;
	}
	.content2_in{
		margin-top: 8px;
	}
	.content2_in p{
		margin-left: 0px;
	}
	.content2_in .imgBox2{
		margin-top: 10px;
	}
	.content3_in{
		padding: 0 10px;
		overflow: hidden;
		position: relative;
		margin-top:30px;
	}
	.content3_in img{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
	}
	.textbox_time{
		margin:36px 0 47px 0;
	}
	.textbox_time{
		overflow: hidden;
		display: flex;
		display: -webkit-flex;
	}
	.textbox,.textbox2,.textbox3{
		width:35%;
		height:75px;
		background:rgba(76,160,255,1);
		border-radius:10px;
	}
	.textbox p,.textbox2 p,.textbox3 p{
		color: white;
		padding:6px 6px;
		font-size:15px;
		font-family:PingFang-SC-Medium;
	}
	.textbox,.textbox3{
		cursor: pointer;
		margin-left:6%;
	}
	.time{
		line-height: 80px;
	}
	.time2{
		line-height: 165px;
	}
	.time3{
		line-height: 60px;
	}
	.time,.time3{
		margin-left:20%;
	}
	.textbox2{
		margin-top: 44px;
		margin-left:36%;
	}
	.time2{
		margin-left:15%;
	}
	.content3_in ul{
		display: flex;
		flex-wrap: wrap;
		display: -webkit-flex;
		justify-content: space-between;
	}
	.content3_in ul li{
		width:46%;
		cursor: pointer;
		margin-bottom: 14px;
		box-shadow:0px 1px 4px 0px rgba(96,96,96,0.16);
		border-radius:10px;
	}
	.content3_in ul li h2{
		width:100%;
		height: 28px;
		color: white;
		font-size:14px;
		text-align: center;
		line-height:28px;
		font-weight:400;
		border-radius:10px 10px 0 0;
		background:#4CA0FF;
	}
	.content3_in ul li p{
		font-size:14px;
		line-height:30px;
		font-weight:400;
		padding: 10px 0;
		box-sizing: border-box;
		color:rgba(51,51,51,1);
		text-align: center;
		font-family:MicrosoftYaHei;
	}
	.content4_in{
		width: 100%;
		margin: auto;
		font-size:14px;
		padding: 0 20px;
		margin:25px 0 52px 0;
		font-family:PingFang-SC-Medium;
		font-weight:500;
		color:rgba(51,51,51,1);
		line-height:25px;
	}
}