﻿@charset "utf-8";
/*************************************
*样式公用文件
*@mogumomo
*420128796
*2014-1-20
*project
*************************************/
/* CSS Document */
/*banner*/


.swiper-slide img{
	display:block;
	width:100%;
	height:auto;
	}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{
	width:8px;
	height:8px;
	border-radius:9px;
	-webkit-border-radius:9px;
	-moz-border-radius:7px;
	margin:0 4px;
	border:1px solid #fff;
	background:none;
	}
.banner .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet-active{
	background:#fff;
	}
/*开发介绍*/
.introduct{
	padding:1.7em 1em 0 1em;
	border-bottom:0.5em solid #eeeeee;
	}
.introduct-list{
	}
.introduct-list li{
	width:19%;
	float:left;
	margin-right:8%;
	margin-bottom:1.8em;
	}
.introduct-list li:nth-child(4n+4){
	margin-right:0;
	}
.introduct-list li a{
	display:block;
	width:100%;
	height:auto;
	}
.introduct-list li a img{
	display:block;
	width:100%;
	height:auto;
	border-radius:50%;
	-webkit-border-radius:50%;
	}
.introduct-list li a strong{
	display:block;
	text-align:center;
	margin-top:0.6em;
	color:#666666;
	font-size:1.4rem;
	margin-bottom:0.5em;
	font-weight:normal;
	}
.introduct-list li a span{
	display:block;
	text-align:center;
	color:#999999;
	font-size:1.2rem;
	text-transform:uppercase;
	}
.case{
	padding:1em 0 0;
	}	
.commonTitle{
	color:#666666;
	font-size:1.7rem;
	padding-left:0.3em;
	border-left:0.25em solid #ff6d0c;
	margin-bottom:1em;
	}
.caseList{
	width:100%;
	overflow:hidden;
	padding-bottom: 1.5em;
	}	
.caseList li{
	float:left;
	width:48.4%;
	margin-bottom:1.2em;
	margin-right:3.2%;
	}	
.caseList li:nth-child(2n+2){
	margin-right:0;
	}
.caseList li >a{
	display:block;
	position:relative;
	overflow:hidden;
	}	
.caseList li >a mark{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	opacity: 0;
	background:rgba(18,159,231,0.8);
	transition:all linear 0.3s;
	-webkit-transition:all linear 0.4s;
	}
.caseList li >a:hover mark,.caseList li >a:focus mark{
	opacity: 1;
	}
.caseList li img{
	display:block;
	width:100%;
	height:auto;
	}	
.caseList li strong{
	display:block;
	font-weight:normal;
	color:#666666;
	font-size:1.45rem;
	margin-top:1em;
	margin-bottom:0.67em;
	}
.sentiment{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	justify-content:space-between;
	}	
.sentiment p{
	color:#666666;
	font-size:1.3rem;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	}	
.sentiment p b{
	color:#d60000;
	font-weight:normal;
	}
.sentiment span{
	color:#999999;
	font-size:1.3rem;
	padding-left:1.3em;
	margin-right:1em;
	background:url(../images/hot.png) left center no-repeat;
	background-size:1em 1em;
	}
.sentiment span.on{
	color:#d60000;
	background:url(../images/hot_ho.png) left center no-repeat;
	background-size:1em 1em;
	}
.college-box{
	border-top:0.5em solid #eeeeee;
	padding:1.4em 0 0.6em;
	}	
.college .commonTitle{
	border-left-color:#129fe7;
	}
.college-list{
	padding-left:0.6em;
	padding-right:0.8em;
	}	
.college-list li{
	margin-bottom:1.24em;
	}	
.college-list li a{
	position: relative;
	display:-webkit-box;
	display:-webkit-flex;
	display:-webkit-flexbox;
	display:flex;
	display:box;
	display:flexbox;
	flex-flow:row wrap;
	-webkit-flex-flow:row wrap;
	box-pack:justify;
	-webkit-box-pack:justify;
	flex-pack:justify;
	-webkit-flex-pack:justify;
	justify-content:space-between;
	-webkit-justify-content: space-between;
	}
.college-list li a span{
	display:inline-block;
	color:#999999;
	font-size:1.4rem;
	max-width:76%;
	}	
.college-list li a time{
	display:inline-block;
	color:#d4d4d4;
	font-size:1.3rem;
	position: absolute;
	right: 0;
	top: 0;
	}	
.college-list li a:hover span,.college-list li a:focus span,.college-list li a:hover time,.college-list li a:focus time{
	color:#129fe7;
	}	
