.pro_ban{position: relative;z-index: 10;}
.pro_ban img{display: block;width: 100%;}
.pro_tit{text-align: center;}
.pro_tit p{color: #cecece;}
.pro_pic{overflow: hidden;width: 840px;float: left;}
.pro_pic img{display: block;width: 100%;transition: all .3s ease-in;}
.pro_cont{width:360px;color: #FFFFFF; height: 100%;float: right;position: relative;padding: 0 50px;box-sizing: border-box;}
.pro_list li:nth-child(1) .pro_cont{background: #11439f;}
.pro_head{padding-bottom: 20px;position: relative;}
.pro_head:after{display: block;content: "";position: absolute;left: 0;bottom: 0;width: 45px;height: 4px;background: #FFFFFF;}
.pro_more{position: absolute;left: 50%;transform: translateX(-50%); bottom: 0;border-top: 1px solid #FFFFFF;width: 260px;padding: 20px 0;}
.pro_more a{background: url(/images/realm_more.png)no-repeat;width: 30px;height: 15px;float: right;display: block;}
.pro_list li:nth-child(2) .pro_pic{float: right;}
.pro_list li:nth-child(2) .pro_cont{float: left;background: #10aff4;}
.pro_list li:hover img{transform: scale(1.05);}
.pro_info {
    text-align: justify;
}
@media only screen and (max-width:1440px ) {
	.pro_pic{width: 70%;}
	.pro_cont{width: 30%;}
	.pro_cont{padding: 0 40px;}
	.pro_more{width: 220px;}
}
@media only screen and (max-width:1024px ) {
	.pro_box{width: 100%;padding: 0 20px;box-sizing: border-box;}
	.pro_pic{width: calc(100% - 250px);}
	.pro_cont{width:250px;padding: 0 16px;}
	.pro_more{padding: 10px 0;}
	.pro_head{padding-top: 30px;}
}
@media only screen and (max-width:768px ) {
	.pro_pic{width: 100%;}
	.pro_cont{width: 100%;height: auto !important;}
	.pro_more{width: 100%;position: relative;padding: 20px 0 30px;margin-top: 35px;}
	.pro_more a{display: inline-block;}
}<!--ºÄʱ1756508386.7906Ãë-->