@charset "utf-8";
.id_str{
	top: -120px;
}
.program1_box{
	padding-top: 235px;
	padding-bottom: 230px;
	position: relative;
}
.program1_title{
	padding-bottom: 100px;
	line-height: 1;
	overflow: hidden;
}
.program1_title .txt{
	font-size: 30px;
	font-weight: bold;
	padding: 10px 50px 10px 30px;
	background-image: linear-gradient(to right, #1db1d5 , #9fd0dd);
	float: left;
	color:#fff;
}
.program1_title .txt2{
	font-size: 24px;
	position: relative;
	padding-left: 5px;
}
.program1_title .txt2:after{
	width: 2px;
	background: #000;
	border-radius: 10px;
	height: 18px;
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -9px;
}
.program1_content{
	position: relative;
}
.program1_con{
	height: 550px;
	border: 1px solid #000;
	border-radius: 15px;
	width: 90%;
}
.program1_inner{
	padding: 30px 347px 0 116px;
	overflow: hidden;
}
.program1_nav{
	height: 160px;   
	float: left;
	width: 48%;
	color:#000;
	position: relative;
}
.program1_nav:hover{
	color:#000;
}
.program1_nav4{
	width: 100%;
}

.program1_nav:after{
	height: 1px;
	background: #000;
	width: 310px;
	content: "";
	bottom: 0;
	position: absolute;
	left: 0;
}
.program_img{
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 100;
	width: 24.25%;
}
.program_img .img{
	width: 100%;
}
.program_img1{
	width: 32%;
}
.program_img2{
	width: 35%;
}
.program_img3{
	width: 40%;
}
.program_img4{
	width: 45%;
}
.program1_img{
	height: 80px;
}
.program1_img .img{
	max-height: 95%;
}
.program1_nav_title{
	font-size: 24px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.program1_nav_subtitle{
	font-size: 12px;
	color:#666;
	padding-top: 5px;
	line-height: 20px;
}







/*响应式适配*/

@media screen and (max-width: 1861px) {
	
}
@media screen and (max-width: 1681px) {
	.program1_inner {
	    padding-left: 50px;
	    padding-right: 200px;
	}
	.program1_box {
	    padding-top: 160px;
	    padding-bottom: 160px;
	}
	.program_img3 {
	    width: 30%;
	    bottom: -80px;
	}
	
	
}
@media screen and (max-width: 1450px) {
	.program1_inner {
	    padding-left: 50px;
	    padding-right: 100px;
	}
	.program1_box {
	    padding-top: 120px;
	    padding-bottom: 120px;
	}
	.program_img2 {
	    width: 30%;
	    bottom: -80px;
	}
}
@media screen and (max-width: 1335px) {
	.program_img2 {
	    bottom: 0;
	}
	.program1_box {
	    padding-top: 80px;
	    padding-bottom: 80px;
	}
}
@media screen and (max-width: 1200px) {
	
}
@media screen and (max-width: 1100px) {

}
@media screen and (max-width: 1000px) {

}
@media screen and (max-width: 768px) {
	.id_str{
		top: -70px;
	}
	.program1_title .txt {
	    font-size: 22px;
	    padding: 10px 20px;
	}
	.program1_title .txt2 {
	    font-size: 16px;
	}
	.program1_title{
		padding-bottom: 20px;
	}
	.program1_con {
	    height: auto;
	    width: 100%;
	}
	.program1_inner{
		padding: 0 20px;
	}
	.program1_nav{
		float: initial;
		display: block;
		text-align: left;
		height: auto;
		width: 100%;
		border-bottom: 1px solid #000;
		padding: 10px 0;
	}
	.program1_nav:last-child{
		border-bottom: none;
	}
	.program1_nav:after {
	    display: none;
	}
	.program1_img{
		height: 70px;
	}
	.program1_img .img{
		height: 60px;
	}
	.program1_nav_subtitle{
		font-size: 12px;
	}
	.program1_box {
	    padding-top: 30px;
	    padding-bottom: 30px;
	}
	.program1_nav_title {
	    font-size: 16px;
	    margin-left: 0;
	    padding-top: 5px;
	}
	
	
	.program_img{
		width: 50%;
		bottom: 10px;
	    right: -20px;
	}
	
	.program_img4 {
	    width: 80%;
		bottom: 25px;
	}
	
	
	.program_img1 {
	    width: 50%;
		bottom: 30px;
	}
	.program_img2 {
	    width: 78%;
	    bottom: 160px;
	}
}
@media screen and (max-width: 414px) {
	
}