.main{
	position: relative;
	background:url(../img/footer-top.png) no-repeat 100% 100%;
}

.con{
	position: relative;
	top: -74px;
	z-index: 2;
}

.main-bg{
	position: absolute;
	bottom: 0;
}

.con_main{
	/* height: 640px; */
	width: 100%;
	display: flex;
}

.con_main .leftCon,.con_main .rightCon{
	height: 100%;
	border-radius: 4px;
}

.con_main .leftCon{
	width: 57%;
}

.con_main .rightCon{
	width: 41%;
	margin-left: 2%;
}

.panel-myPanel{
	border-color: #e6eef5;
	box-shadow: 0px 6px 6px #e6eef5;
}

.panel-myPanel>.panel-heading {
    color: #333333;
    /*box-shadow: 0px 2px 4px #ff8b02;*/
    background: -webkit-linear-gradient(right, #c2ddfe, #bfe8ff);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #c2ddfe, #bfe8ff);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #c2ddfe, #bfe8ff);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to left, #c2ddfe, #bfe8ff);
    border-color: #bfe8ff;
}

.panel-heading .panel-title{
	font-family: "H";
	font-size: 24px;
	padding: 13px 10px;
}

.panel-heading .small{
	font-family: "R";
	font-size: 18px;
	color: #666666;
	margin-left: 12px;
}

.panel-heading .more{
	float: right;
	font-family: "R";
	font-size: 20px;
	cursor: pointer;
}

.panel-body {
	padding: 20px 0;
}
.leftCon  .panel-body{
	padding: 20px 0 50px 0;
}
.panel-body .icon-box{
	text-align: center;
	padding-top: 35px;
	font-size: 10.8pt;
	font-family: "ËÎÌå";
	font-weight:bold;
	cursor: pointer;
	/* height:200px; */
}

.panel-body .icon-box img{
	margin-bottom: 1rem;
	height:60px;
}

.rightCon .panel-body .row{
	padding-top:25px;
}
.panel-body .icon-box div{
	width:110px;margin:auto
}

.rightCon .panel-body{
	height:522px;
	padding-bottom: 35px;
}
.panel-body .text{
	font-family: "ËÎÌå";
	font-size: 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.panel-body .time{
	font-family: "ËÎÌå";
	font-size: 14px;
	color: #818181;
	text-align: right;
}

.panel1 .panel-heading div{
	position:relative;
	top:-12px;
	margin-top:0;
}