@charset "utf-8";
/* CSS Document */
/* ============================ 重置css样式 ============================ */	
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td {
	margin: 0;
	padding: 0;
}
/* 设置默认字体 */
body, button, input, select, textarea { font: 14px/1 "微软雅黑", Tahoma, Helvetica, Arial, sans-serif; }
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }
cite, em { font-style: normal; }
/* 重置列表元素 */
ul, ol { list-style: none; }
 重置文本格式元
a{
	text-decoration:none;
	cursor:pointer;
	outline:none;
}
/* 重置表单元素 */
legend { color: #000; }
fieldset, img { border: none; }
img{vertical-align:middle;}
/* 重置表格元素 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
button, input, select, textarea { font-size: 100%; }
body a{ text-decoration:none;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}
/* ========================= 页面常用样式 CSS样式 =========================== */	
.clear {
	clear:both;
	overflow:hidden;
	height:0;
	font-size:0;
	line-height:0;
}
body{ display:block; margin:0 auto; background:url(../images/bg.png) top center; background-size:100%;}
html{overflow-x:hidden; display:block; margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
/* ========================= 主框架样式 CSS样式 =========================== */	


/* 头部区域样式 */
.header{ 
	width:100%;
	height:600px;
	background:url(../images/banner.png) top center no-repeat;}

.main .tab{
	width:100%;
	height:82px;
	background-color:#bd1a2d;
	margin-top:30px;}
.main .tab .nav{
	width:1200px;
	margin:0 auto;}
.main .tab .nav ul li{ 
	float:left;
	width:166px;
	height:77px;
	border-top:5px solid #bd1a2d;
	line-height:82px;
	margin-right:5px;
	text-align:center;}
.main .tab .nav ul .li_1:hover{
	background:url(../images/li_1.png) center top no-repeat;}
.main .tab .nav ul .li_2:hover{
	background:url(../images/li_2.png) center top no-repeat;}
.main .tab .nav ul .li_3:hover{
	background:url(../images/li_3.png) center top no-repeat;}
.main .tab .nav ul .li_4:hover{
	background:url(../images/li_4.png) center top no-repeat;}
.main .tab .nav ul .li_5:hover{
	background:url(../images/li_5.png) center top no-repeat;}
.main .tab .nav ul a li{
	font-size:24px;
	color:#fff;}
.main .tab .nav ul a li:hover{
	color:#bd1a2d;}
.main .tab .nav ul a li img{
	margin-top:-5px;
	margin-right:10px;}
.main .details{
	width:1200px;
	margin:0 auto;}
.main .details .article{
	width:1180px;
	float:left;
	margin-top:30px;}
.main .details .article p{
	font-size:16px;
	color:#333;
	line-height:28px;}
.main .details .article a{
	margin:30px 0;
	font-size:16px;
	color:#999;
	display:block;
	text-align:center;}
.main .details .article a img{
	margin-left:5px;}
.main .details .button{
	width:250px;
	margin:30px auto;}
.main .details .button input{
	width:250px;
	height:80px;
	border-radius:10px;
	background-color:#bd1a2d;
	border:none;
	color:#fff;
	font-size:36px;}
.main .with{ float:right;}
.main .with img{ margin-top:30px;}

/* 页码样式 */
.main .pag{ 
	margin-top:30px; 
	font-size:16px; 
	line-height:40px; 
	margin-left:220px;}
.main .pag a{ 
	width:38px; 
	height:38px; 
	border:solid 1px #e6e6e6; 
	display:block; 
	float:left; 
	text-decoration:none; 
	text-align:center; 
	line-height:40px;  
	color:#333; 
	margin-right:7px; 
	margin-bottom:50px;}
.main .pag a:hover{ 
	width:40px; 
	height:40px; 
	background-color:#b3040e; 
	color:#fff; 
	border:none;}
.main .pag span{ float:left; margin-right:7px;}
.main .pag input{ 
	width:38px; 
	height:38px; 
	border:solid 1px #e6e6e6; 
	margin:0 7px; 
	text-align:center; 
	float:left;}
.main .pag .next{ width:73px;}
.main .pag .next:hover{ width:75px;}

/* 项目列表样式 */
.main .choose{
	padding:30px 0;
	border-bottom:1px #cdd8ed solid;
	height:36px;}
.main .choose ul a li{ 
	float:left;
	padding:10px 15px;}
.main .choose ul a li{
	color:#333;
	font-size:18px;}
.main .choose ul a li:hover{
	background-color:#bd1a2d;}
.main .choose ul a li:hover{
	color:#fff;}
.main .choose ul li.c_search{
	float:right;
	margin-top:-10px;}
.main .choose ul li.c_search:hover{ background:none;}
.main .choose ul li.c_search .c_s_box{
	height:34px;
	width:231px;
	border:solid 1px #e4e4e4;
	border-right:none;
	outline:none;
	float:left;
	color:#e4e4e4;
	font-size:16px;
	padding-left:10px;}
.main .choose ul li.c_search .c_s_button{
	height:36px;
	width:60px;
	border:none;
	background-color:#bd1a2d;
	color:#fff;
	font-size:16px;}

.main .p_list dl{
	clear:both;
	height:230px;
	padding:30px 0;
	border-bottom:1px #cdd8ed solid;}
.main .p_list dl dt{
 	float:left;
 	width:360px;
 	height:233px;}
.main .p_list dl dd{
	float:left;
	width:820px;
	height:136px;
	margin-left:20px;
	margin-top:10px;}
.main .p_list dl dd h3 a{
	font-size:18px;
	color:#333;}
.main .p_list dl dd p{
	color:#333;
	font-size:14px;
	margin-top:30px;}
.main .p_list dl dd p span{
	color:#666;}
.main .p_list dl dd p a{
	color:#fff;
	padding:10px 20px;
	float:right;
	background-color:#bd1a2d;
	margin-top:-10px;
	font-size:16px;}
.main .p_list dl dd div{
	background-color:#fff;
	padding:20px 15px;
	line-height:24px;
	margin-top:25px;
	text-indent: 30px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /* Firefox */
    display: -moz-box;
    /* autoprefixer: off */
    -moz-box-orient: vertical;
    /* autoprefixer: on */
    /* Safari、Opera 以及 Chrome */
    display: -webkit-box;
    /* autoprefixer: off */
    /*解决下面这个属性不显示*/
    -webkit-box-orient: vertical;
    /* autoprefixer: on */
    /*解决上面这个属性不显示*/
    /* 控制在第几行多出的内容省略 */
    -webkit-line-clamp: 4;
}	
.main .p_list dl dd div p{
	margin-top:-10;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.pag{ margin-top:30px; line-height:30px; text-align:center; height:30px; margin-bottom:30px;}
.pag a{ width:28px; height:28px; border:solid 1px #d6e2f1; display:inline-block; text-decoration:none; text-align:center; line-height:30px;  color:#333; margin-right:7px; margin-bottom:50px; background-color:#fff;}
.pag a:hover{ width:30px; height:30px; background-color:#bd1a2d; color:#fff; border:none;}
.pag span{ display:inline-block; margin-right:7px;}
.pag input{ width:28px; height:28px; border:solid 1px #d6e2f1; margin:0 7px; text-align:center; display:inline-block;}
.pag .next{ width:73px;}
.pag .next:hover{ width:75px;}

/* 项目详情页样式 */
.d_t_left{ 
	width:750px; 
	height:450px; 
	float:left;}
.d_t_right{
	width:390px;
	height:450px;
	float:left;
	padding:0 30px;
	background-color:#6a6466;}
.d_t_right h3{
	font-size:24px;
	font-weight:normal;
	color:#fff;
	margin-top:40px;
	line-height: 35px;}
.d_t_right h3 span{
	float:right;
	font-size:14px;
	margin-top:14px;
	margin-bottom:10px;}
.d_t_right h3 span a{
	margin-left:30px;
	line-height:22px;
	color:#fff;}
.d_t_right h3 span img{
	margin-top:-5px;
	margin-right:5px;}
.d_t_right ul{
	margin-top:30px;
	padding-top:20px;
	border-top:solid 1px #fff;
	clear:both;}
.d_t_right ul li{
	font-size:16px;
	color:#fff;
	margin-bottom:6px;
	line-height:35px;}
.d_t_right input{
	width:200px;
	height:50px;
	background-color:#bd1a2d;
	border:none;
	margin-left:95px;
	color:#fff;
	font-size:24px;}



.d_b_left{ 
	width:970px; 
	float:left;
	margin-top:30px;}
.d_b_left ul{
	border-bottom:solid 1px #c8dcee;
	height:31px;}
.d_b_left ul li{
	float:left;
	line-height:29px;
	padding:0 20px;}
.d_b_left ul li a{
	font-size:18px;
	color:#333;}
.d_b_left ul li.cur{
	border-top:2px solid #bd1a2d;
	border-left:solid 1px #c8dcee;
	border-right:solid 1px #c8dcee;
	background-color:#ccf6fe;}
.d_b_left .p_article{
	padding:0 60px;
	font-size:14px;
	color:#333;
	line-height:28px;
	margin:30px 0;
	}
.d_b_left .p_article p{
	text-indent:28px;}
.d_b_left .p_article h4{
	font-size:16px;
	margin-top:20px;}
.d_b_left .p_article h5{
	font-size:14px;
	text-indent:28px;}
.d_b_right{
	width:198px;
	float:left;
	background-color:#fff;
	border:solid 1px #e4e4e4;
	margin:30px 0 30px 30px;
	padding-bottom:10px;}
.d_b_right h3{
	line-height:30px;
	font-weight:normal;
	margin:0 10px;}
.d_b_right h3 span{
	font-size:18px;
	border-bottom:solid 2px #bd1a2d;}
.d_b_right h3 a{
	float:right;
	color:#e4e4e4;}
.d_b_right dl{
	cursor:pointer;
	margin:10px 10px 0 10px;}
.d_b_right dl dd{
	font-size:16px;
	margin-top:10px;}
.d_b_right dl dd p{
	color:#999;
	margin-top:10px;}
.d_b_right dl dd p span{
	color:#bd1a2d;}
	
/* 最终结果 */
.main .podium{ width:1200px; margin:0 auto; height:432px; background:url(../images/podium.png) center bottom no-repeat; margin-top:50px;}
.main .podium dl{ width:400px; float:left; text-align:center;}
.main .podium dl dd{ width:320px; margin:auto; font-size:18px; color:#ffde95; line-height:30px; margin-top:45px; text-align:left;}
.main .podium dl dd span{ font-size:30px; font-weight:bold; float:left; margin-top:18px; margin-right:10px;}
.main .podium dl.first dd{ text-align:center; margin-top:35px;}
.main .podium dl.first dd span{ float:none;}
.main .list{ width:1200px; margin:30px auto;}
.main .list li{ line-height:58px; border-bottom:solid 1px #d0e1f0;}
.main .list li a{ font-size:18px; color:#333;}
.main .list li span{ margin-right:10px; width:30px; display:inline-block; text-align:center;}