﻿@charset "utf-8";
/* CSS Document */
html,body{
	width: 100%;
}
body{
	background: url(9508.jpg) no-repeat top center;
}
*{
	box-sizing: border-box;
}
.header{
	margin-top: 100px;
}
.logo{
	width: 789px;
	margin: 0 auto;
}
.main{
	width:1000px;
	margin:0px auto;
	margin-top: 335px;
	margin-bottom: 50px;
	padding: 20px;
	background-color: #FFFFFF;
	clear:both;	
	overflow:hidden;
}

.mainlf{
	width:480px;
	float:left;
}
/* 轮播图效果CSS开始 */
.slideBox{ 
	width:100%; 
	height:270px; 
	margin:0 auto;
	overflow:hidden;
	position:relative; 
	border: solid 1px #ccc;
 }
.slideBox .hd{ 
	width: 100%;
	height:35px; 
	overflow:hidden; 
	position:absolute; 
	right:0px; 
	bottom:0px; 
	z-index:200; 
}

.slideBox .hd ul{ 
	float: right;
	overflow:hidden; 
	zoom:1; 
 }
.slideBox .hd ul li{
	 float:left; 
	 margin-right:10px; 
	 margin-top: 13px;
	 width:8px;
	 height:8px;
	 line-height:14px; 
	 text-align:center; 
	 border-radius: 50%;
	 background:#FFFFFF; 
	 cursor:pointer; 
}
.slideBox .hd ul li.on{ 
	background:#2b76f6; 
	color:#fff; 
}
.slideBox .bd{ 
	height:100%; 
	z-index:0;
}
.slideBox .bd li{ 
	zoom:1; 
	vertical-align:middle; 
	position:relative;
	}
.slideBox .bd li h1{
	width: 100%;
	padding-right: 100px;
	padding-left: 20px;
	line-height: 35px;
	font-size: 14px; 
	color:#FFFFFF;
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 100;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background: rgba(0,0,0,0.6);
	}
.slideBox .bd img{ 
	width:480px; 
	height:270px; 
	display:block; 
}

/* 轮播图效果CSS结束 */


.mainrf{
	width:440px;
	float:right;
}



/* 列表样式*/
.list_ulli li{
	width:100%;
	overflow:hidden;
	}
.list_ulli li.bor-no{
	border-bottom:none;
}	

.list_txt .dot{
	display:inline-block;
	width:4px;
	height:4px;
	margin:15px 15px 0px 0px;
	background:#3a56ba;
	float:left;
}
.list_txt p{
	width:350px;
	float:left;
	height:30px;
	font-size: 16px;
	line-height:30px;
	display:inline-block;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	}
.list_txt em{
	color: #999999;
	height:30px;
	font-size: 14px;
	line-height:30px;
	text-align: right;
	display:inline-block;
	float: right;
}
.list_ulli li:hover a,.list_ulli li:hover em{
	color:#1261c3;
	cursor:pointer;
}
/* 列表样式end*/

/*选卡样式*/
.tcTab{ 
	width: 100%;
	margin-top: 20px;
	position: relative;
}
.tcTab .hd{ 
	height: 35px;
}
.tcTab .hd ul{
	overflow: hidden;
}
.tcTab .hd ul li{ 
	width:150px ;
	height:35px ;
	float:left; 
	font-size: 16px;
	font-stretch: normal;
	line-height: 35px;
	text-align: center;
	color: #333;
	padding:0 15px; 
	cursor:pointer;  
	background: #e5e5e5;
}
.tcTab .hd ul li.on{ 
	background: #2b76f6;
	color: #FFFFFF;
}
.tcTab .bd {  
	margin-top: 20px;
}


/*选卡样式end*/
.pic-box{
	margin-top: 35px;
}
.pic-box a{
	width: 415px;
	height: 80px;
	margin: 0 auto;
	margin-bottom: 10px;
	display: block;
}
.linklist.link1 {
  background: url(#) no-repeat;
}
.linklist.link2 {
  background: url(#) no-repeat;
}
.linklist.link3 {
  background: url(#) no-repeat;
}
<div class="pic-box">
       <a href="${op.linkToSubject('/1/1459/1551/5593/5599')}" class="linklist link1" title="竞赛目录" target="_blank">
    <img src="${op.linkToTemplateSourceById('1459','竞赛目录','../../template/78/6276.jpg')}"/>
    </a>
       <a href="${op.linkToSubject('/1/1459/1551/5593/5600')}"  class="linklist link2"title="竞赛流程" target="_blank">
    <img src="${op.linkToTemplateSourceById('1459','竞赛流程','../image/pic2.jpg')}"/>
    </a>
       <a href="${op.linkToSubject('/1/1459/1551/5593/5601')}" class="linklist link3" title="联系方式" target="_blank">
     <img src="${op.linkToTemplateSourceById('1459','联系方式','../image/pic3.jpg')}"/>
    </a>
      </div>

class="linklist link1 mg-b3"



 <a href="${op.linkToSubject('/1/1459/1551/5585/5586')}" class="more" target="_blank">【更多】</a>






.footer{
	width: 100%;
	height: 150px;
	background: -webkit-linear-gradient(#ebfaff, #c7eeff);
	background: linear-gradient(#ebfaff, #c7eeff);
}
.bottom{
	width: 1000px;
	margin: 0 auto;
	padding-top: 30px;
}
.bottom p{
	text-align: center;
}
.f-foot-link {
	width: 600px;
	margin: 0 auto;
    overflow: hidden;
}
.f-foot-link a {
    padding: 0 20px;
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 15px;
    color: #333;
    border-right: solid 1px #c2a062;
    display: inline-block;
    float: left;
}