body{
	background: #f8f9fa;
}
.Pros-banner{background:url(../images/Pros_02.jpg) no-repeat center top/auto 100%,#e9eef5;height:288px;}
 .Pros-banner .btn-box{
	position: relative;
}
 .Pros-banner .top-btn{
	margin-top:30px;
}
.Pros-banner .top-btn a{
	color:#fff;
	display:inline-block;
	padding:10px 40px;
	font-size:14px;
	border:1px solid transparent;
	transition: all ease 0.3s;
	background: #2ea039;
}
.Pros-banner .banner-text{
	position: absolute;
	left:0;
	top:50px;
	width:38%;
}
.Pros-banner .banner-text span{
	font-size:16px;
	color:#666;
	display: block;
	line-height: 24px;
	margin-bottom:20px;
}
.Pros-banner .banner-text h3{
	color:#000;
	font-size:36px;
	margin-bottom:20px;
	letter-spacing: 1px;
	line-height: 36px;
}
.Pros-banner .banner-text .items span{
	color:#fff;
	font-size:16px;
	text-align: justify;
	line-height:24px;
	display: inline-block;
	padding-left:20px;
	margin-right:10px;
	background: url(../images/check2.png) no-repeat left center;
}
.Pros-banner .top-btn a:hover{
	border:1px solid rgba(255,255,255,0.8);
}


.Pros-Hot .top_card{
	margin-top:40px;
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
	border-radius: 6px;
	padding:25px;
	background: #fff;
}
.Pros-Hot .top_card .Hot-left{
	display:inline-block;
	width:23.2%;
	padding-right:20px;
}
.Pros-Hot .top_card .Hot-mid{
	display:inline-block;
	width:46%;
	padding-right:20px;
	padding:0 20px;
	position: relative;
	min-height:220px;
}
.Pros-Hot .top_card .Hot-mid:before{
	content: "";
    position: absolute;
    width: 1px;
    top: 0px;
    bottom: 0px;
    left: 0;
    background-color: #e5e5e5;
}
.Pros-Hot .top_card .Hot-right{
	display:inline-block;
	width:29.8%;
	padding-left:20px;
	position: relative;
	min-height: 220px;
	vertical-align: top;
	position: relative;
}
.Pros-Hot .top_card .Hot-right .tag_su{
	position: absolute;
	top:0;
	left:20px;
	background:rgba(0,0,0,0.6);
	color:#fff;
	display:inline-block;
	padding:4px 15px;
	font-size:14px;
}
.Pros-Hot .top_card .Hot-right:before{
	content: "";
    position: absolute;
    width: 1px;
    top: 0px;
    bottom: 0px;
    left: 0;
    background-color: #e5e5e5;
}
.Pros-Hot .top_card .part-title{
	font-size:20px;
	color:#333;
	margin-bottom:20px;
}
.Pros-Hot .top_card .part-title span{
	width:30px;
	height:26px;
	display:inline-block;
	margin-right:5px;
	vertical-align: -6px;
}
.Pros-Hot .top_card .part-title span.icon-hot{
	background:url(../images/Pros_09.jpg) no-repeat center;
}
.Pros-Hot .top_card .part-title span.icon-news{
	background:url(../images/Pros_11.jpg) no-repeat center;
}
.Pros-Hot .top_card li a{
	color:#333;
	font-size:16px;
    line-height: 30px;
    position: relative;
    padding-left: 15px;
    display: inline-block;
        white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    transition: all 0.3s ease;
}
.Pros-Hot .top_card li a:hover{
	color:#2ea039;
}
.Pros-Hot .top_card li:not(:first-child){
	margin-top:10px;
}
.Pros-Hot .top_card li a:before{
	content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #CECECE;
    position: absolute;
    left: 0;
    top: 12px;
}
.Pros-Hot .top_card .Hot-mid li a{
	width:83%;
}
.Pros-Hot .top_card .Hot-mid li .date{
	font-size:14px;
	color:#999;
	width:16%;
	display: inline-block;
	text-align: right;
	line-height: 30px;
    vertical-align: top;
}
.Pros-list h4{
	font-size:36px;
	margin-top:60px;
	margin-bottom:60px;
	text-align: center;
	color:#333;
}
.Pros-list .Sort-part {
	margin-bottom:80px;
}
.Pros-list .Sort-part .Pros-Sort-title{
	text-align: left;
	font-size:30px;
	display: inline-block;
	position: relative;
}
.Pros-list .Sort-part .Pros-Sort-title a:hover{
	color:#2ea039;
}
.Pros-list .Sort-part .Pros-Sort-title:after{
	content:'';
	display:inline-block;
	position: absolute;
	width:100%;
	height:12px;
	background: rgba(30,140,40,0.2);
	bottom:0;
	left:0;
}
.Pros-list .Sort-part .pro_summary{
	font-size:16px;
	line-height: 30px;
	color:#666;
	text-align: justify;
	
	margin-bottom:60px;
	margin-top:16px;
}
.Pros-list .Sort-part .Pros-List-card{
	float:left;
	width:80%;
}
.Pros-list .Sort-part .Sort_box{
	margin-bottom:40px;
}
.Pros-list .Sort-part .PS{
	font-size:14px;
	color:#999;
}
.Pros-list .Sort-part .PS a{
	color:#2eb059;
}
.Pros-list .Sort-part .Pros-List-card .Pros-card{
	width:25%;
    padding: 14px 0;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float:left;
    vertical-align: top;
	border-right:1px solid #f0f0f0;
	background: #fff;
	padding:20px 15px;
	height:70px;
	position: relative;
	transition: all 0.3s ease;
}
.Pros-list .Sort-part .Pros-List-card .Pros-card.empty{
	background: transparent;
	border:none;
}

.Pros-list .Sort-part .Pros-List-card .Pros-card i{
		width:36px;
	height:18px;
	display:inline-block;
	position: absolute;
	top:0;
	right:0;
}
.Pros-list .Sort-part .Pros-List-card .Pros-card i.tag_hot{

	background:url(../images/Pros_21.png) no-repeat;
	
}
.Pros-list .Sort-part .Pros-List-card .Pros-card i.tag_new{

	background:url(../images/Pros_25.png) no-repeat;
	
}
.Pros-list .Sort-part .Pros-List-card .Pros-card:hover{
	cursor: pointer;
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
	z-index:2;
	position: relative;
	color:#2eb059;
}
.Pros-list .Sort-part .Pros-List-card .Pros-card.empty:hover{
	box-shadow: none;
}

.Pros-list .Sort-part .Pros-List-card .Pros-card:last-child,.Pros-list .Sort-part .Pros-List-card .Pros-card:nth-child(4){
	border-right:0;
}
.Pros-list .Sort-part .Pros-List-card .Pros-card:nth-child(5),.Pros-list .Sort-part .Pros-List-card .Pros-card:nth-child(6),
.Pros-list .Sort-part .Pros-List-card .Pros-card:nth-child(7),.Pros-list .Sort-part .Pros-List-card .Pros-card:nth-child(8),
.Pros-list .Sort-part .Pros-List-card .Pros-card:nth-child(9),.Pros-list .Sort-part .Pros-List-card .Pros-card:nth-child(10){
	border-top:1px solid #f0f0f0;
}
.Pros-list .Sort-part .small-sort{
	float:left;
	width:20%;
	font-size:20px;
	line-height: 70px;
	padding-left:20px;
	background:url("../images/Pros_24_21.png") no-repeat -10px -74px,linear-gradient(90deg,#34993a, #2eb059);
	color:#fff;
	position: relative;
}
.Pros-list .Sort-part .small-sort.sort-two{
	height:140px;
	line-height: 140px;
	background-position: 0px 0px;
}
.Pros-list .Sort-part .small-sort.sort-three{
	height:210px;
	line-height: 140px;
	background-position: 0px 0px;
	background:url("../images/Pros_24_21.png") no-repeat -10px 52px,linear-gradient(90deg,#34993a, #2eb059);
}
.Pros-list .big_title{
	position: relative;
}
.Pros-list .big_title .line-left{
	position: absolute;
	left:0;
	top:49%;
	width:36%;
	height:1px;
	background: #e1e1e1;
	text-align: right;
}
.Pros-list .big_title .line-left span{
	width:8px;
	height:8px;
	background: #e1e1e1;
	border-radius: 4px;
	display:inline-block;
	position: absolute;
	right:0;
	top:-3px;
	
}
.Pros-list .big_title .line-right{
	position: absolute;
	right:0;
	top:49%;
	width:36%;
	height:1px;
	background: #e1e1e1;
	text-align: left;
}
.Pros-list .big_title .line-right span{
	width:8px;
	height:8px;
	background: #e1e1e1;
	border-radius: 4px;
	display:inline-block;
	position: absolute;
	left:0;
	top:-3px;
	
}
.Pros-list .Sort-part .Pros-List-card .Pros-card .text a{
	font-size:16px;
	padding-left:42px;
	line-height: 30px;
	color:#666;
}
.Pros-list .Sort-part .Pros-List-card .Pros-card:hover a{
	color:#2eb059;
}
.Pros-list .Sort-part .Pros-List-card .Pros-card .icon_img{
	width: 32px;
    height: 32px;
    position: absolute;
    top: 20px;
    left: 15px;
}
.Pros-list .Sort-part .Pros-List-card .Pros-card.no-border{border:none;}
.contact_serv{
	text-align: center;
	margin-bottom:60px;
}
.contact_serv a{
	color:#fff;
	font-size:16px;
	background: #34993a;
	display: inline-block;
	padding:15px 60px;
	border-radius: 30px;
	transition: all ease 0.3s;
	
}
.contact_serv a:hover{
	box-shadow: 0 0 20px rgba(52,153,58,0.5);
}
@media only screen and (max-width: 1024px) {
	.Pros-Hot .top_card .Hot-left{
		width:22.2%;
	}
	.Pros-Hot .top_card .Hot-mid li a{
		width:78%;
	}
	.Pros-Hot .top_card .Hot-mid li .date{
		width:20%;
	}
}
@media only screen and (max-width: 768px) {
	.Pros-banner .banner-text{
		left:15px;
		width:85%;
	}
	.Pros-banner .banner-text span{
		font-size:14px;
	}
	.Pros-banner .banner-text h3{
		font-size:30px;
	}
	.Pros-Hot .top_card{
		padding: 15px;
	}
	.Pros-Hot .top_card .Hot-mid li a{
		width:100%;
	}
	.Pros-Hot .top_card .Hot-right{
		width:100%;
		padding: 20px 0 0;
   		 margin-top: 20px;
	}
	.Pros-Hot .top_card .Hot-left{
		width:100%;
	}
	.Pros-Hot .top_card .Hot-mid{
		width:100%;
		padding: 20px 0 0;
   		 margin-top: 20px;
	}
	.Pros-Hot .top_card .Hot-mid li .date{
		display:none;
	}
	.Pros-Hot .top_card .Hot-mid:before,.Pros-Hot .top_card .Hot-right:before{
		height:1px;
		width:auto;
		left:0;
		right:0;
		top:0;
		bottom:auto;
	}
	.Pros-list .Sort-part .small-sort{
		float:none;
		width:100%;
		line-height: 30px;
		padding:10px 0 10px 50px;
		font-size:18px;
		background: #fff;
    border-bottom: 1px solid #f0f0f0;
    color:#333;
	}
	.Pros-list .Sort-part .Pros-List-card {
	    float: left;
	    width: 100%;
	    background: #fff;
	}
	.Pros-list .Sort-part .Pros-List-card .Pros-card{
		width: calc(50% - 16px);
		margin: 6px 8px;
		border:none;
		height:auto;
		padding:6px 10px;
	}
	.Pros-list .Sort-part .Pros-List-card .Pros-card .text a{
		font-size:14px;
		padding-left:0;
	}
	.Pros-list .Sort-part .Pros-List-card .Pros-card .icon_img{
		display:none;
	}
	.Pros-list .Sort-part .small-sort.sort-two{
		height:auto;
		line-height: 30px;
	}
	.Pros-list .Sort-part .Pros-Sort-title .line-left{
		display: none;
	}
	.Pros-list .Sort-part .Pros-Sort-title .line-right{
		display:none;
	}
	.Pros-list .Sort-part .Pros-Sort-title{
		text-align: left;
		margin-bottom: 15px;
		font-size:22px;
	}
	.Pros-list .Sort-part .Sort_box{
		margin-bottom:20px;
		box-shadow: 0 4px 8px 0 rgb(3 27 78 / 12%);
	}
	.Pros-list .Sort-part .Pros-List-card .Pros-card:nth-child(5), 
	.Pros-list .Sort-part .Pros-List-card .Pros-card:nth-child(6),
	 .Pros-list .Sort-part .Pros-List-card .Pros-card:nth-child(7), 
	 .Pros-list .Sort-part .Pros-List-card .Pros-card:nth-child(8){
	 	border:none;
	 }
	 .Pros-list .Sort-part{
	 	margin-bottom:25px;
	 }
	 .Pros-list .Sort-part .Pros-List-card .Pros-card i{
	 	top:-6px;
	 }
	 .Pros-list .Sort-part .small-sort.pros_01{
	 	background:#fff url(../images/Pros_icon_02.png) no-repeat 15px center;
	 }
	 .Pros-list .Sort-part .small-sort.pros_02{
	 	background:#fff url(../images/Pros_icon_02.png) no-repeat 15px center;
	 }
	 .Pros-list .Sort-part .small-sort.pros_03{
	 	background:#fff url(../images/Pros_icon_02.png) no-repeat 15px center;
	 }
	 .Pros-list .Sort-part .small-sort.pros_04{
	 	background:#fff url(../images/Pros_icon_01.png) no-repeat 15px center;
	 }
	 .Pros-list .Sort-part .small-sort.pros_05{
	 	background:#fff url(../images/Pros_icon_01.png) no-repeat 15px center;
	 }
	 .Pros-list .Sort-part .small-sort.pros_06{
	 	background:#fff url(../images/Pros_icon_01.png) no-repeat 15px center;
	 }
	 .Pros-list .Sort-part .small-sort.pros_07{
	 	background:#fff url(../images/Pros_icon_04.png) no-repeat 15px center;
	 }
	 .Pros-list .Sort-part .small-sort.pros_08{
	 	background:#fff url(../images/Pros_icon_04.png) no-repeat 15px center;
	 }
	 .Pros-list .Sort-part .small-sort.pros_09{
	 	background:#fff url(../images/Pros_icon_05.png) no-repeat 15px center;
	 }
	 .Pros-list .Sort-part .small-sort.pros_10{
	 	background:#fff url(../images/Pros_icon_03.png) no-repeat 15px center;
	 }
	 .Pros-list .Sort-part .small-sort.pros_11{
	 	background:#fff url(../images/Pros_icon_06.png) no-repeat 15px center;
	 }
	 .Pros-list .Sort-part .small-sort.pros_12{
	 	background:#fff url(../images/Pros_icon_07.png) no-repeat 15px center;
	 }
}

@media only screen and (min-width:601px) and (max-width: 768px) {
	
.Pros-Hot .top_card .Hot-mid:before{
    height:auto;
    width: 1px;
    left: 0;
    top: 0;
    bottom: 0;
}
	.Pros-banner .banner-text{
		width:60%;
	}
	.Pros-Hot .top_card .Hot-left{
		width:30%;
	}
	.Pros-Hot .top_card .Hot-mid{
		width:69%;
		padding: 0 0 0 20px;
	}
	.Pros-Hot .top_card .Hot-mid li a{
		width:81%;
	}
	.Pros-Hot .top_card .Hot-mid li .date{
		width:18%;
	}
	.Pros-Hot .top_card .Hot-right{
		display:none;
	}
	.Pros-list .Sort-part .small-sort{
		float:none;
		width:100%;
		line-height: 30px;
		padding:10px 0 10px 50px;
		font-size:18px;
		background: #fff;
    border-bottom: 1px solid #f0f0f0;
    color:#333;
	}
	.Pros-list .Sort-part .Pros-List-card {
	    float: left;
	    width: 100%;
	    background: #fff;
	}
	.Pros-list .Sort-part .Pros-List-card .Pros-card{
		width: calc(25% - 16px);
		margin: 6px 8px;
		border:none;
		height:auto;
		padding:6px 10px;
	}
	.Pros-list .Sort-part .Pros-List-card .Pros-card .text a{
		font-size:14px;
		padding-left:0;
	}
	.Pros-list .Sort-part .Pros-List-card .Pros-card .icon_img{
		display:none;
	}
	.Pros-list .Sort-part .small-sort.sort-two{
		height:auto;
		line-height: 30px;
	}
	.Pros-list .Sort-part .Pros-Sort-title .line-left{
		display: none;
	}
	.Pros-list .Sort-part .Pros-Sort-title .line-right{
		display:none;
	}
	.Pros-list .Sort-part .Pros-Sort-title{
		text-align: left;
		margin-bottom: 15px;
		font-size:22px;
	}
	.Pros-list .Sort-part .Sort_box{
		margin-bottom:20px;
		box-shadow: 0 4px 8px 0 rgb(3 27 78 / 12%);
	}
	.Pros-list .Sort-part .Pros-List-card .Pros-card:nth-child(5), 
	.Pros-list .Sort-part .Pros-List-card .Pros-card:nth-child(6),
	 .Pros-list .Sort-part .Pros-List-card .Pros-card:nth-child(7), 
	 .Pros-list .Sort-part .Pros-List-card .Pros-card:nth-child(8){
	 	border:none;
	 }
	 .Pros-list .Sort-part{
	 	margin-bottom:25px;
	 }
	 .Pros-list .Sort-part .Pros-List-card .Pros-card i{
	 	top:-6px;
	 }
}
@media only screen and (max-width: 1200px) {
	.Pros-list .big_title .line-right,.Pros-list .big_title .line-left{
		display:none;
	}
}