*{ box-sizing: border-box;font-family: "微软雅黑";}
.clear{ clear: both;}
.left{ float: left;}
.right{ float:left;}

.mainbg{ width: 100%; overflow: hidden; background-color:#F6F6F6;}
.main{ width: 1200px; margin: 0 auto;}
.title{ border-bottom: 1px solid #eee;}
.title span{ font-size: 22px; color: #2D548F; border-bottom:3px solid #2D548F;}
.title a{ float: right; color:#2D548F; font-size: 18px;}
.left{ width: 810px; float: left; background-color: #fff; margin-top: 33px; padding: 20px;}
.left form{ width: 770px; height: 50px; line-height: 50px; padding-left: 20px; background: url(input.png) center center no-repeat;}
.left form input[type=text]{ width: 700px; height: 30px; border: none; outline: none;}
.left form input[type=button]{ width: 22px; height: 23px; background: url(search.png) center center no-repeat; border: none; vertical-align: middle;}
.left .title{ margin-top: 20px;}
.left .list ul{ margin-top: 10px;}
.left ul li{ padding: 15px 0; border-bottom: 1px solid #eee;}
.left ul li div:nth-child(1) img{ margin-right: 10px;}
.left ul li div:nth-child(1) a{ color:#2D548F; font-size: 16px;}
.left ul li div:nth-child(2){ color: #999; height: 50px; line-height: 25px; overflow: hidden; margin-top: 5px; color:#999; font-size: 14px;}
.left ul li a.detail{ color: #2D548F; float: right;}
.right{ width: 360px; float: right; margin-top: 33px;}
.right .righttop{ background-color: #fff; padding: 20px}
.right .righttop ul{ width: 320px; margin: 0 auto; margin-top: 20px;}
.right .righttop ul li p{ width: 100%; height: 50px; margin-top: -50px; color: #fff; line-height: 50px; padding-left: 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; background:rgba(91,147,197,0.5); position: relative;z-index:99;}
.right .righttop ul li{ width: 100%; overflow: hidden; margin-top: 20px;}
.right .righttop ul li img{ width: 320px; height: 180px;}
.right .rightbottom{ margin-top:20px;}
