.main{ width: 100%; padding: 88px 0 100px;}
.main_content{max-width: 90%; margin: 0 auto;  overflow: hidden;}
.main_content h2{ text-align: center; font-weight: bold; color: #000; font-size: 34px;}
.main_content h3{ text-align: center; color: #000; font-size: 20px; margin-top: 30px}

.pro{margin-top: 50px}
.pro_con{max-width: 23%; height: auto; background-color: #f4f8fa; margin-left: 30px; padding: 20px 48px; float: left;}
.pro_con:first-child{margin:0;}
.pro_con span:first-child{height: 72px; font-size: 19px; color: #383838; display: block; padding: 10px 0;}
.pro_con span{height: 100px; font-size: 19px; color: #383838; display: block; padding: 10px 0;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;				
	text-overflow: ellipsis;		
	display: -webkit-box;			
	-webkit-line-clamp: 3;
	line-clamp: 2;					
	-webkit-box-orient: vertical;
	}
.pro_con img{width: 100%; height: auto;display: block;}
.pro_con a{width: 120px; text-align: center; line-height: 30px; background-color: #ffffff; font-size: 14px; color: #161616; padding: 5px 20px; display: block; border-radius:10px;}
.pro_con a:hover{background-color: #0067b0; color: #fff;}
.pro_img{ width: 100%; height: 250px; margin: 0 auto;mix-blend-mode: multiply;}

.main4{max-width: none;}
.main4 .main4-left{ width: 50%;}
.main4 .main4-left img{ width: 100%; height: auto; display: block;}

.main4-wrap{ padding: 0}
.main4-right{ width: 47%; padding-top: 62px;}
.main4 h3{ font-size: 24px; color: #0067b0;font-weight: bold;}
.main4 h2{ font-size: 48px; font-weight: bold; color: #000;}
.main4-box ul li{ width: 300px;box-shadow: none;background: none;}
.gy-txt{ text-align: left;padding-top: 18px;}
.main4-box ul li b{    font-size: 14px;
    font-weight: bolder;
    color: #7c7c7c;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.main4-box ul li span{color: #000;}
.main4-box ul li:hover{ background:none;}
.main4-box ul li .gy-img{width:90px; height: 90px; background: #fff; padding: 50px;margin-right: 16px;}
.main4-box ul li:hover .gy-img{ background:#0067b0;}
.main4-box ul li:hover span{ color: #000}
.main4-box ul li:hover a{ color: #000}

.news_coa{width: 100%; position: relative; padding-bottom: 50px;}
.news_con{width: 96%; height: auto; margin:0 auto; position: relative;}
.news_text{ width: ; height: auto; margin-top: 50px; margin-left: 30px; background: url(../img/bgn.jpg); padding:40px}
.news_text:first-child{margin-left:0;}
.news_text span{font-size: 16px; color: #0067b0;font-weight: bold;}
.news_text h3{ text-align: left; font-size: 24px; color: #090909;font-weight: bold;line-height: 30px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;				
	text-overflow: ellipsis;		
	display: -webkit-box;			
	-webkit-line-clamp: 3;
	line-clamp: 2;					
	-webkit-box-orient: vertical;
}
.news_text p{font-size: 14px; color: #6b6b6b; margin-top: 20px}
.news_text a{width: 120px; text-align: center; line-height: 30px; background-color: #ffffff; font-size: 14px; color: #161616; margin-top: 30px; padding: 5px 20px; display: block; border-radius:10px;}
.news_text a:hover{background-color: #0067b0; color: #fff;}

.news_coa .swiper-button-prev,.news_coa .swiper-button-next{width:51px;height: 91px; position: absolute;background: transparent;}
.news_coa .swiper-button-prev{left:0px;}
.news_coa .swiper-button-next{right: 0px;}
.news_coa .swiper-pagination{ width: 100%; text-align: center; margin-top: 30px}
.news_coa .swiper-pagination-bullet{width: 15px; height: 15px;background: #aba7ab; border: 1px solid #aba7ab; margin-left: 11px;}
.news_coa .swiper-pagination-bullet-active {width: 15px; height: 15px;background: #0067b0; border: 1px solid #0067b0;}


@media only screen  and (max-width:1440px) {
	/*.pro_con{width: 46%; margin-bottom: 30px}
	.pro_con:nth-child(3){margin-left: 0;}
	.main4 .main4-left{ width: 100%}
	.main4-right{ margin: 0 auto; float: none;width:90%;}
	.main4-box ul li{ width: 300px}*/
}

@media only screen  and (max-width:1200px) {

	.main4{display: block;}
	.main4 .main4-left{ width: 100%}
	.main4-right{ margin: 0 auto; float: none;width:90%;}
	.main4-box ul li{ width: 350px}
	
}

@media only screen and (max-width:991px) {
	.pro_con{max-width: 46%; margin-bottom: 30px}
	.pro_con:nth-child(3){margin-left: 0;}
	
}

@media only screen and (max-width:830px) {
	.main4-box ul li{ width: 310px}

	.main4 h2{ font-size: .445rem;}
	.main4 h3{ font-size: .345rem;}
	.gy-txt{text-align: center;}
	.main4-box ul li{ width: 48%;}
	.main4-box ul li .gy-img{width: .8rem; height: .8rem;padding: .8rem;float: none;margin: 0 auto;}
	.main4-box ul li .gy-img img{width: .8rem; height: .8rem;}
	.main4-box ul li span{ font-size: .334rem;}

}

@media only screen and (max-width:500px) {
	.main{padding-bottom: 50px}
	.main4{ padding: 0;}

	.pro_con{max-width: 100%; margin-bottom: 30px}
	.pro_con{margin: 10px 0;}
	.pro_img{ height: 190px}
	.pro_con span{font-size: .32rem;}
	.pro_con span:first-child{ height: 60px}

	.main4 h2{ font-size: .445rem;}
	.main4 h3{ font-size: .345rem;}
	.gy-txt{text-align: center;}
	.main4-box ul li{ width: 48%;}
	.main4-box ul li .gy-img{width: .8rem; height: .8rem;padding: .8rem;float: none;margin: 0 auto;}
	.main4-box ul li .gy-img img{width: .8rem; height: .8rem;}
	.main4-box ul li span{ font-size: .334rem;}

	
	.news_text{ padding: 20px;}
	.news_text h3{font-size:.341rem; line-height: 24px;}
	.news_text p{
		text-overflow: -o-ellipsis-lastline;
	overflow: hidden;				
	text-overflow: ellipsis;		
	display: -webkit-box;			
	-webkit-line-clamp: 4;
	line-clamp: 2;					
	-webkit-box-orient: vertical;
	}
	.news_coa .swiper-button-prev{ width: 25px;}
	.news_coa .swiper-button-next{ width: 25px;}
	.news_coa .swiper-button-prev img{ width: 25px;}
	.news_coa .swiper-button-next img{ width: 25px;}
}