@CHARSET "UTF-8";
/* html {
	background: #fff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}

body {
	font-family: Verdana, Arial, Helvetica, 'Microsoft YaHei', sans-serif
}

html,body,.Bdy {
	height: 100%
} */

.mid {
	margin: 0 auto;
}

.w1000 {
	width: 1000px
}

.w1073 {
	width: 1074px
}

.pdList {
	padding-bottom: 14px;
	/* background: url(/jscss/demoimg/201402/063.png) center bottom no-repeat */
}

.pdList li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-right: 7px
}

}
.pdList li: last-child {
	margin-right: 0
}

.tmplS {
	position: relative;
	height: 156px;
	overflow: hidden;
	width:auto;
	height:auto;
	/*border:#909090 1px solid;*/
	background:#fff;color:#333;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4);/*ie */
	-moz-box-shadow: 2px 2px 10px #909090;/*firefox*/
	-webkit-box-shadow: 2px 2px 10px #909090;/*safari或chrome*/
	box-shadow:2px 2px 10px #909090;/*opera或ie9*/
}

.tmplS a: hover {
	text-decoration: none
}

.cover {
	position: absolute;
	z-index: 40;
	width: 240px;
	height: 154px;
	border: 1px solid transparent;
	margin-bottom: -154px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.tmplS1 .cover {
	background: url(../images/155.png) #37c4ee 0 0 no-repeat;
	/*border-color: #2cb8e9*/
}

.tmplS2 .cover {
	background: url(../images/155.png) #ff8843 -240px 0
		no-repeat;
	/*border-color: #f67b3a*/
}

.tmplS3 .cover {
	background: url(../images/155.png) #90da88 -480px 0
		no-repeat;
	/*border-color: #8ecf84*/
}

.tmplS4 .cover {
	background: url(../images/155.png) #77b1d2 -720px 0
		no-repeat;
	/*border-color: #5b9cbe*/
}

.tmplS5 .cover {
	background: url(../images/155.png) #8fdeba 0 -310px no-repeat;
	/*border-color: #8fdeba*/
}

.tmplS6 .cover {
	background: url(../images/155.png) #8eaff6 -240px -310px
		no-repeat;
	/*border-color: #8eaff6*/
}

.tmplS7 .cover {
	background: url(../images/155.png) #ce93ef -480px -310px
		no-repeat;
	/*border-color: #ce93ef*/
}

.tmplS8 .cover {
	background: url(../images/155.png) #f5968e -720px -310px
		no-repeat;
	/*border-color: #5b9cbe*/
}

.wrapS {
	position: relative;
	width: 240px;
	*width: 200px;
	height: 154px;
	padding: 30px 20px;
	 background: url(../images/085.png) #50697d; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.tmplS1 .wrapS: hover,.tmplS2 .wrapS: hover {
	cursor: pointer
}

.tmplS1 .wrapS {
	background: url(../images/155.png) 0 -156px no-repeat;
	/*border: 1px solid #b1d2e3;*/
	color: #13aad6
}

.tmplS2 .wrapS {
	background: url(../images/155.png) -240px -156px no-repeat;
	/*border: 1px solid #e4d0ad;*/
	color: #fa7f23
}

.tmplS3 .wrapS {
	background: url(../images/155.png) -480px -156px no-repeat;
	/*border: 1px solid #cedbcd;*/
	color: #52ac4c
}

.tmplS4 .wrapS {
	background: url(../images/155.png) -720px -156px no-repeat;
	/*border: 1px solid #c2cdd5;*/
	color: #5298bb
}

.tmplS5 .wrapS {
	background: url(../images/155.png) 0 -156px no-repeat;
	/*border: 1px solid #b1d2e3;*/
	color: #13aad6
}

.tmplS6 .wrapS {
	background: url(../images/155.png) -240px -156px no-repeat;
	/*border: 1px solid #e4d0ad;*/
	color: #fa7f23
}

.tmplS7 .wrapS {
	background: url(../images/155.png) -480px -156px no-repeat;
	/*border: 1px solid #cedbcd;*/
	color: #52ac4c
}

.tmplS8 .wrapS {
	background: url(../images/155.png) -720px -156px no-repeat;
	/*border: 1px solid #c2cdd5;*/
	color: #5298bb
}

.wrapS p {
	font-size: 16px;
	line-height: 30px
}

.wrapS .ttl {
	font-size: 26px
}

.wrapC {
	position: relative;
	left: -20px;
	top: -30px;
	width: 240px;
	height: 154px;
	display: block
}

.tmplS5 .wrapC {
	background: url(../images/155.png) no-repeat 0px -309px
}

/* .tmplS5 .wrapS {
	background: #8fdeba;
	background: -moz-linear-gradient(top, #8fdeba 5%, #7bc19e 94%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #8fdeba),
		color-stop(94%, #7bc19e));
	background: -webkit-linear-gradient(top, #8fdeba 5%, #7bc19e 94%);
	background: -o-linear-gradient(top, #8fdeba 5%, #7bc19e 94%);
	background: -ms-linear-gradient(top, #8fdeba 5%, #7bc19e 94%);
	background: linear-gradient(to bottom, #8fdeba 5%, #7bc19e 94%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#8fdeba',
		endColorstr='#7bc19e', GradientType=0)
} */

.tmplS6 .wrapC {
	background: url(../images/155.png) no-repeat -240px -309px
}

/* .tmplS6 .wrapS {
	background: #8eaff6;
	background: -moz-linear-gradient(top, #8eaff6 0%, #7298e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8eaff6),
		color-stop(100%, #7298e5));
	background: -webkit-linear-gradient(top, #8eaff6 0%, #7298e5 100%);
	background: -o-linear-gradient(top, #8eaff6 0%, #7298e5 100%);
	background: -ms-linear-gradient(top, #8eaff6 0%, #7298e5 100%);
	background: linear-gradient(to bottom, #8eaff6 0%, #7298e5 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#8eaff6',
		endColorstr='#7298e5', GradientType=0)
} */

.tmplS7 .wrapC {
	background: url(../images/138.png) no-repeat -480px -309px
}

/* .tmplS7 .wrapS {
	background: #ce93ef;
	background: -moz-linear-gradient(top, #ce93ef 5%, #c491e1 94%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #ce93ef),
		color-stop(94%, #c491e1));
	background: -webkit-linear-gradient(top, #ce93ef 5%, #c491e1 94%);
	background: -o-linear-gradient(top, #ce93ef 5%, #c491e1 94%);
	background: -ms-linear-gradient(top, #ce93ef 5%, #c491e1 94%);
	background: linear-gradient(to bottom, #ce93ef 5%, #c491e1 94%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ce93ef',
		endColorstr='#c491e1', GradientType=0)
} */

.tmplS8 .wrapC {
	background: url(../images/138.png) no-repeat -720px -309px
}

/* .tmplS8 .wrapS {
	background: #f5968e;
	background: -moz-linear-gradient(top, #f5968e 0%, #dc7c73 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5968e),
		color-stop(100%, #dc7c73));
	background: -webkit-linear-gradient(top, #f5968e 0%, #dc7c73 100%);
	background: -o-linear-gradient(top, #f5968e 0%, #dc7c73 100%);
	background: -ms-linear-gradient(top, #f5968e 0%, #dc7c73 100%);
	background: linear-gradient(to bottom, #f5968e 0%, #dc7c73 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f5968e',
		endColorstr='#dc7c73', GradientType=0)
} */

.wrapS .opt {
	position: absolute;
	right: 28px;
	bottom: 20px
}

.wrapS .opt .nlink {
	color: #0c96f2;
	text-decoration: none
}

.tmplS1 .btn3 {
	background: #3ab0de
}

.tmplS1 .btn3: hover,.tmplS1 .btn3: active {
	background: #31a5d3
}

.tmplS2 .btn3 {
	background: #fc8732
}

.tmplS2 .btn3: hover,.tmplS2 .btn3: active {
	background: #e87827
}

.tmplS3 .btn3 {
	background: #64c55c
}

.tmplS3 .btn3: hover,.tmplS3 .btn3: active {
	background: #58b550
}

.tmplS4 .btn3 {
	background: #3ab0de
}

.tmplS4 .btn3: hover,.tmplS4 .btn3: active {
	background: #30a5d3
}

h2 {
	font-size: 18px;
	color: #333;
	line-height: 32px
}

h2 span {
	display: inline-block;
	/*border-bottom: 3px solid #39728e*/
}

.w1073 h2 {
	line-height: 100%;
	padding: 10px 0 15px
}