@charset "utf-8";
/*轮播开始*/
.fullSlide{ width:100%;  position:relative;  height:700px; background:#000;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  height: 700px;}
.fullSlide .bd li{ width:100% !important;  height:700px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:700px; }

.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; _background:url(../images/touming.png) repeat-x; text-align:center;
	 _background:#000; _filter:alpha(opacity=60); 
}
.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(../images/tg_flash_p.png) -18px 0; overflow:hidden; 
	line-height:9999px; 
}
.fullSlide .hd ul .on{ background-position:0 0; }
/*轮播结束*/

.l{ float:left;}
.r{ float:right;}
.rel{ position:relative;}
.abs{ position:absolute;}

/*width*/
.w960{ width:1200px; margin:20px auto 0px;}

a.left,a.right,a.left-hover,a.right-hover{ display:block; width:22px; height:44px; cursor:pointer; position:absolute; top:18px;}
a.left{ background:url("../images/back_41.jpg"); left:0px;}
a.right{ background:url("../images/back_44.jpg"); right:0px;}
a.left-hover{ background:url("../images/back_41.jpg"); left:0px;}
a.right-hover{ background:url("../images/back_44.jpg"); right:0px;}
.scrcont{ width: 10000000px;   position:relative;}
.contnews{ width:1120px; height:70px; overflow:hidden;margin-left:35px;  position:relative;}
.itemlist{float:left;  position:relative;width:1200px;}
/*.itemlist li{ float:left; margin:0 14px; width:160px; height:70px; overflow:hidden; position:relative;}*/
.itemlist li{ float:left; height:70px; overflow:hidden; position:relative;}
.itemlist li img{display:block; width:197px; height:68px; border:1px #E4E4E4 solid; margin:1.5px;}
.itemlist li img:hover{border:1px #FF4E00 solid;}

/*2016-10-18添加*/
.grid {
	overflow: hidden;
	margin: 0;
	width: 100%;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	margin: -0.135em;
	width: 33.333%;
	height: 400px;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
	width: 300px;
    height: 200px;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}
/*---------------*/
/***** Milo *****/
/*---------------*/

figure.effect-milo {
	background: #2e5d5a;
}

figure.effect-milo img {
	width: -webkit-calc(100% + 60px);
	width: calc(100% + 60px);
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-30px,0,0) scale(1.12);
	transform: translate3d(-30px,0,0) scale(1.12);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-milo:hover img {
	opacity: 0.5;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}

figure.effect-milo h2 {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 1em 1.2em;
	font-size: 1.2em;
}

figure.effect-milo p {
	padding: 0 10px 0 0;
	width: 50%;
	border-right: 1px solid #fff;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0,0);
	transform: translate3d(-40px,0,0);
	text-indent: 2em;
    text-align: left;
}

figure.effect-milo:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
/*demo*/
*, *:after, *:before { border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }
section {
	padding: 1em;
	text-align: center;
}
@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'codropsicons';
	src:url('../fonts/codropsicons/codropsicons.eot');
	src:url('../fonts/codropsicons.eot') format('embedded-opentype'),
		url('../fonts/codropsicons.woff') format('woff'),
		url('../fonts/codropsicons.ttf') format('truetype'),
		url('../fonts/codropsicons.svg#codropsicons') format('svg');
}