@charset "utf-8";



/*bootstrap.min.css*/



/*案例模块*/



.blocks, [class*="blocks-"] {



 padding: 0;



 margin: 0;



 margin-right: -15px;



 margin-left: -15px;



 list-style: none;



}



.blocks:before, [class*="blocks-"]:before, .blocks:after, [class*="blocks-"]:after {



 display: table;



 content: " ";



}



.blocks:after, [class*="blocks-"]:after {



 clear: both;



}



.blocks > li, [class*="blocks-"] > li {



 position: relative;



 float: left;



 min-height: 1px;



 padding-right: 15px;



 padding-left: 15px;



 margin-bottom: 22px;



}



.blocks.no-space, [class*="blocks-"].no-space {



 margin: 0;



}



.blocks.no-space > li, [class*="blocks-"].no-space > li {



 padding-right: 0;



 padding-left: 0;



 margin-bottom: 0;



}



.blocks-2 > li:nth-child(2n+3), .blocks-3 > li:nth-child(3n+4), .blocks-4 > li:nth-child(4n+5), .blocks-5 > li:nth-child(5n+6), .blocks-6 > li:nth-child(6n+7), .block-first {



 clear: both;



}



.blocks-100 > li {



	width: 50%;



}



.widget {



	position: relative;



	margin-bottom: 30px;



	background-color: #fff;



}

.widget .widget-header{border-radius: 5px;

    border: 4px solid #f1f1f1;}



.widget .cover {



	width: 100%;



}



[class*="blocks-"] > li > .widget {



 margin-bottom: 0;



}



.met-case .widget, .met-case .widget-body.cover, .met-case .cover-image {



	-webkit-border-radius:0;



	-moz-border-radius:0;



	-o-border-radius:0;



	-ms-border-radius:0;



	border-radius:0;



}



.met-case .widget {



	margin-bottom:0px;



	padding:10px;



	overflow:hidden;



}



.met-case .widget:hover .widget-body {



	background-color:#fff;



}



.met-case .widget:hover .widget-body h3.widget-title a {



	color:#000;



}



.met-case .widget:hover .widget-body h3.widget-title a:hover {



	color:#1baadb;



}



.met-case .widget:hover .widget-body p {



	color:#666;



}



.met-case .widget-header .project-thumbnail {



    height: 350px;

    width: 535px;

    display: block;

    overflow: hidden;



}



.met-case .widget-header .project-thumbnail .cover-image{    width: 535px;

    /* height: 100%; */

    overflow: hidden;

    color: black;}



.met-case .link {



	width:100%;



	height:100%;



	position:absolute;



	left:0;



	top:100%;



	z-index:2;



	background:rgba(98, 168, 234, 0.3);



}



.met-case .link .link-gallery, .met-case .link .zoom-gallery {



	position:absolute;



	top:0;



}



.met-case .link .link-gallery {



	left:100%;



}



.met-case .link .zoom-gallery {



	left:0;



}



.met-case .widget-body {



	padding:10px;



	background-color:#89BCEB;



	transition:background 0.5s;



	-moz-transition:background 0.5s;



	-webkit-transition:background 0.5s;



	-o-transition:background 0.5s;



	text-align:center;



}



.met-case .widget-body .widget-title {



	margin:0;



	line-height:1;



}



.met-case .widget-body .widget-title a {



	font-size:16px;



	line-height:1;



	color:#fff;



	transition:all 0.5s;



	-moz-transition:all 0.5s;



	-webkit-transition:all 0.5s;



	-o-transition:all 0.5s;



	text-decoration:none;



}



.met-case .widget-body .widget-title a:active, .met-case .widget-body .widget-title a:focus, .met-case .widget-body .widget-title a:hover {



	text-decoration:none;



}



.met-case .widget-body p {



	margin:0;



	color:#eee;



	transition:all 0.5s;



	-moz-transition:all 0.5s;



	-webkit-transition:all 0.5s;



	-o-transition:all 0.5s;



}



/*下载模块*/







 



/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html {



	font-family:sans-serif;



	-webkit-text-size-adjust:100%;



	-ms-text-size-adjust:100%



}



body {



	margin:0



}



article, aside, details, figcaption hgroup, main, menu, nav, section, summary {



	display:block



}



audio, canvas, progress, video {



	display:inline-block;



	vertical-align:baseline



}



audio:not([controls]) {



display:none;



height:0



}



[hidden], template {



display:none



}



a {



	background-color:transparent;



	text-decoration:none;



}



a:active, a:hover {



	outline:0



}



abbr[title] {



	border-bottom:1px dotted



}



b, strong {



	font-weight:700



}



dfn {



	font-style:italic



}



h1 {



	margin:0em 0;



	font-size:2em



}



mark {



	color:#000;



	background:#ff0



}



small {



	font-size:80%



}



sub, sup {



	position:relative;



	font-size:75%;



	line-height:0;



	vertical-align:baseline



}



sup {



	top:-.5em



}



sub {



	bottom:-.25em



}



img {



	border:0



}



svg:not(:root) {



overflow:hidden



}



figure {



	margin:1em 40px



}



* {



	-webkit-box-sizing:border-box;



	-moz-box-sizing:border-box;



	box-sizing:border-box



}



:after, :before {



	-webkit-box-sizing:border-box;



	-moz-box-sizing:border-box;



	box-sizing:border-box



}



.list-unstyled {



	padding-left:0;



	list-style:none



}



.list-inline {



	padding-left:0;



	margin-left:-5px;



	list-style:none



}



.list-inline>li {



	display:inline-block;



	padding-right:5px;



	padding-left:5px



}



.container {



	padding-right:15px;



	padding-left:15px;



	margin-right:auto;



	margin-left:auto;



	    width: 1200px;



}



.container-fluid {



	padding-right:15px;



	padding-left:15px;



	margin-right:auto;



	margin-left:auto



}



.row {



	margin-right:-15px;



	margin-left:-15px



}



.btn-danger {



	color: #fff;



	background-color: #f96868;



	border-color: #f96868;



	width: 80px;



	height: 30px;



	line-height: 30px;



	text-align: center;



	margin-right: 12px;



	border-radius: 5px;



}



















	.pagee {















	text-align:center;















	font:normal 14px "微软雅é»'";















	padding:10px 0;















}















.pagee dl a {















	display:inline-block;















	display:inline;















	text-transform:uppercase;















	color:#000;















	text-decoration:none;















}















.pagee dl {















	display:inline-block;















	display:inline;















	margin:0 3px;















	background:#fff;















	;















	padding:5px 20px;















	color:#323b44;















	text-transform:uppercase;















}















.pagee dl.c {















	background:#323b44;















	color:#fff;















}















.pagee dl:hover {















	background:#323b44;















	color:#fff;















}















.pagee dl a:hover {















	color:#fff;















	text-decoration:none;















}















.pagee {















	text-align:center;















	font:normal 14px;















	padding:20px 0;



	    width: 466px;















}















.pagee li a {















	display:inline-block;















	text-transform:uppercase;















	line-height: 27px;















	width:100%;















	height:100%;















}















.pagee li {  



    width: 61px;



    height: 37px; 







	display: inline-block;















	margin: 0 3px;















	cursor: pointer;















	/* background: #31ACE2; */































    color: #161515;















	text-transform: uppercase;















	border: 1px solid #ccc;















	border-radius: 3px;















	line-height: 27px;















	padding: 5px;















	margin-bottom: 20px;















}















.pagee li.c {















	background: #323b44;















	color:#fff;















}















.pagee li:hover {















	background:#323b44;















	border-radius: 3px;















	color: #fff















}















.pagee li:hover a {















	color: #fff!important;















}