@charset "utf-8";
/* banner */
.st-applyaAdv-box{
	float:left;
	width:100%;
	min-width:1024px;
	height:293px;
	overflow:hidden;
	position:relative;
}
.st-applyaAdv-box img{
	position:absolute;
	left:50%;
	top:0;
	display:block;
	width:1920px;
	height:293px;
	margin-left:-960px}
/* 模板分类介绍 */
.st-apply-templet-box{
	float:left;
	width:100%;
	margin-top:-71px;
	background:#fcfcfc}
.templet-conlist{
	overflow:hidden}
.templet-conlist li{
	transition:all ease-out .5s;
	-moz-transition:all ease-out .5s;
	-ms-transition:all ease-out .5s;
	-o-transition:all ease-out .5s;
	-webkit-transition:all ease-out .5s;
	border-bottom:1px solid #f1f1f1}
.templet-conlist li:hover{
	background:#00c0ff}
.templet-conlist li .conlist{
	width:1024px;
	height:177px;
	margin:0 auto;
	position:relative}
.templet-conlist li .conlist a{
	display:block;}
.templet-conlist li .conlist .ico{
	float:left;
	width:101px;
	height:118px;
	margin:28px 0 0 60px;
	transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	-webkit-transition:all .3s;
	background:url(../images/templet-ico.png) no-repeat}
.templet-conlist li .conlist .gt{
	background-position:0 0}
.templet-conlist li .conlist .jd{
	background-position:0 -121px}
.templet-conlist li .conlist .zyr{
	background-position:0 -242px}
.templet-conlist li .conlist .zc{
	background-position:0 -363px}
.templet-conlist li .conlist .tg{
	background-position:0 -484px}
.templet-conlist li .conlist .mp{
	background-position:0 -605px}
.templet-conlist li:hover .conlist .ico{
	margin:28px 0 0 0}
.templet-conlist li .conlist .nr{
	float:left;
	width:620px;
	margin:20px 0 0 65px}
.templet-conlist li .conlist .nr h3{
	color:#272636;
	font-size:22px;
	font-weight:500}
.templet-conlist li:hover .conlist .nr h3,
.templet-conlist li:hover .conlist .nr p{
	color:#fff}
.templet-conlist li .conlist .nr p{
	color:#a0a0a0;
	font-size: 14px;
	line-height:24px;
	margin-top:12px;}
.templet-conlist li .conlist .dw{
	position:absolute;
	right:20px;
	top:50%;
	width:131px;
	height:31px;
	line-height:31px;
	margin-top:-15px}
	
.templet-conlist li .conlist .dw a{
	color:#FFFFFF;
}
.templet-conlist li .conlist .dw span{
	float:left;
	color:#fff;
	width:100px;
	height:31px;
	line-height:31px;
	margin-left:-30px;
	text-align:center;
	font-size:16px;
	opacity:0;
	filter:alpha(opacity=0);
	transition:all ease-out .5s;
	-moz-transition:all ease-out .5s;
	-ms-transition:all ease-out .5s;
	-o-transition:all ease-out .5s;
	-webkit-transition:all ease-out .5s}
.templet-conlist li:hover .conlist .dw span{
	opacity:1;
	filter:alpha(opacity=100);
	margin-left:0}
.templet-conlist li .conlist .dw i{
	float:right;
	width:31px;
	height:31px;
	background:url(../images/apply_homeico.png) no-repeat 0 -46px}
.templet-conlist li:hover .conlist .dw i{
	background:url(../images/apply_homeico.png) no-repeat 0 -107px}

.templet-more{
	padding:50px 0}
.templet-more a{
	display:block;
	margin:0 auto;
	width:335px;
	height:52px;
	line-height:52px;
	text-align:center;
	color:#00c0ff;
	font-size:16px;
	text-decoration:none;
	transition:all ease-out .3s;
	-moz-transition:all ease-out .3s;
	-ms-transition:all ease-out .3s;
	-o-transition:all ease-out .3s;
	-webkit-transition:all ease-out .3s;
	border:1px solid #e5e5e5;
	border-radius:30px;
	background:#fcfcfc}
.templet-more a:hover{
	color:#fff;
	border:1px solid #00c0ff;
	background:#00c0ff}
.templet-more a i{
	display:inline-block;
	width:9px;
	height:16px;
	vertical-align:middle;
	margin:-3px 0 0 0;
	opacity:0;
	filter:alpha(opacity=0);
	transition:all ease-out .3s;
	-moz-transition:all ease-out .3s;
	-ms-transition:all ease-out .3s;
	-o-transition:all ease-out .3s;
	-webkit-transition:all ease-out .3s;
	background:url(../images/apply_homeico.png) no-repeat 0 0}
.templet-more a:hover i{
	opacity:1;
	filter:alpha(opacity=100);
	margin:-3px 0 0 20px}


.st-contrast-box{
	float:left;
	width:100%;
	background:#fcfcfc
}
.contrast-list{
	width:1024px;
	margin:0 auto}
.contrast-list .titLeft,
.contrast-list .titRight{
	border-bottom:1px solid #2982e8}
.contrast-list .titLeft span,
.contrast-list .titRight span{
	display:block;
	color:#fff;
	width:107px;
	height:58px;
	line-height:37px;
	margin:0 auto 4px;
	font-weight:500;
	font-size:18px;
	text-align:center;
	background:url(../images/apply_homeico.png) no-repeat right 0}
.contrast-list .titRight span{
	background:url(../images/apply_homeico.png) no-repeat right -107px}
.contrast-list .minColumn{
	display:block;
	color:#7d7d7d;
	width:80px;
	height:34px;
	line-height:30px;
	margin:0 auto;
	font-size:14px;
	text-align:center;
	background:url(../images/apply_homeico.png) no-repeat right bottom}
.contrast-list tr:hover .minColumn{
	color:#fff;
	background:url(../images/apply_homeico.png) no-repeat 0 bottom}
.contrast-list tr .txtCon{
	color:#a0a0a0;
	line-height:20px;
	padding-left:20px;
	transition:all ease-out .3s;
	-moz-transition:all ease-out .3s;
	-ms-transition:all ease-out .3s;
	-o-transition:all ease-out .3s;
	-webkit-transition:all ease-out .3s;}
.contrast-list tr .txtCon .title{
	font-size: 16px;
	font-weight: bold;
}
.contrast-list tr:hover .txtLeft .txtCon{
	color:#333;
	margin-left:-20px;
	text-shadow:0px 4px 1px #ddd}
.contrast-list tr:hover .txtRight .txtCon{
	color:#333;
	margin-left:20px;
	text-shadow:0px 4px 1px #ddd}
.contrast-list tr .line-bg{
	transition:all ease-out .3s;
	-webkit-transition:all ease-out .3s;
	-moz-transition:all ease-out .3s;
	-ms-transition:all ease-out .3s;
	-o-transition:all ease-out .3s;
	background:none;}
.contrast-list tr:hover .line-bg{
	background:url(../images/border-bg.png) center center no-repeat}