@charset "utf-8";
.Sub {
	width:100%;
	background:#fff;
	height:100%;
	overflow:hidden;
	position:relative;
	padding-bottom:50px
}
.Sub a.BackTop {
	position:fixed;
	width:46px;
	height:46px;
	background:url(../images/ReturnTop.png) no-repeat center center;
	bottom:270px;
	right:20px;
	z-index:3;
	display:none
}
.Sub .CaseListBg, .Sub .NewsListBg {
	width:100%;
	height:152px;
	overflow:hidden;
	position:relative;
	z-index:0
}
.Sub p.ListBg {
	position:absolute;
	top:45px;
	width:100%;
	font:400 26px/52px 'Microsoft YaHei';
	color:#fff;
	background:url(../images/ConBgIcon.png) no-repeat center top;
	padding-top:22px;
	text-align:center
}
.Sub .CaseListBg {
	background:url(../images/SubCaseListBg.jpg) no-repeat center top
}
.Sub .CaseList {
	width:auto;
	min-width:1100px;
	max-width:1593px;
	height:100%;
	overflow:hidden
}
.Sub .CaseList ul {
	padding:72px 0 22px 0;
	overflow:hidden
}
.Sub .CaseList ul li {
	width:425px;
	height:352px;
	padding:53px 0 0 54px;
	float:left;
	background:url(../images/CaseLiBg.png) no-repeat center top;
	background-size:100% auto;
	margin:0 26px;
	position:relative
}
.Sub .CaseList ul li a.Pic {
	display:block;
	width:354px;
	height:224px;
	position:relative;
	float:left;
	overflow:hidden
}
.Sub .CaseList ul li a.Pic img {
	width:100%;
	position:absolute;
	top:0
}
.Sub .CaseList ul li a.Word {
	display:block;
	width:458px;
	height:26px;
	position:absolute;
	left:0;
	bottom:39px;
	color:#999;
	text-align:center
}
@media screen and (max-width:1600px) {
.Sub .CaseList {
max-width:1467px
}
.Sub .CaseList ul li {
margin:0 0
}
}
@media screen and (max-width:1440px) {
.Sub .CaseList {
max-width:1062px
}
.Sub .CaseList ul li {
margin:0 26px
}
}
.Sub .NewsListBg {
	background:url(../images/SubNewsListBg.jpg) no-repeat center top
}
.Sub .NewsList {
	width:auto;
	max-width:1232px;
	height:100%;
	overflow:hidden
}
.Sub .NewsList ul {
	width:1232px;
	padding:72px 0 22px 0;
	float:left
}
.Sub .NewsList ul li {
	width:538px;
	height:232px;
	float:left;
	position:relative;
	margin:31px 38px
}
.Sub .NewsList ul li i.WordBg {
	width:390px;
	height:232px;
	position:absolute;
	right:0;
	top:0;
	background:#eef6f8;
	z-index:0
}
.Sub .NewsList ul li i.YelBox {
	width:230px;
	height:172px;
	border:2px solid #ffe143;
	border-right:0;
	position:absolute;
	left:20px;
	top:28px;
	z-index:1
}
.Sub .NewsList ul li i.YelLine {
	width:32px;
	height:2px;
	background:#ffe143;
	position:absolute;
	right:122px;
	bottom:50px;
	z-index:2
}
.Sub .NewsList ul li img {
	width:250px;
	height:152px;
	position:absolute;
	left:0;
	top:40px;
	z-index:2
}
.Sub .NewsList ul li h3 {
	width:200px;
	height:22px;
	position:absolute;
	left:302px;
	top:50px;
	font-size:19px;
	color:#4b4b4b;
	z-index:2
}
.Sub .NewsList ul li h3  {
	color:#4b4b4b;
transition:.4s;
-moz-transition:.4s;
-webkit-transition:.4s;
-o-transition:.4s
}
.Sub .NewsList ul li h3:hover {
	color:#e9cb25;
transition:.4s;
-moz-transition:.4s;
-webkit-transition:.4s;
-o-transition:.4s
}
.Sub .NewsList ul li p {
	position:absolute;
	width:206px;
	left:352px;
	top:97px;
	z-index:2;
	left:302px;
	font-size:14px;
	color:#4b4b4b
}
.Sub .NewsList ul li a.More {
	position:absolute;
	bottom:44px;
	font:bolder 12px/12px Arial, 'Microsoft YaHei';
	color:#333;
	z-index:2;
	left:302px;
transition:.4s;
-moz-transition:.4s;
-webkit-transition:.4s;
-o-transition:.4s
}
.Sub .NewsList ul li a.More:hover {
	color:#e9cb25;
transition:.4s;
-moz-transition:.4s;
-webkit-transition:.4s;
-o-transition:.4s
}
.Sub .CaseConBg, .Sub .NewsConBg {
	width:100%;
	height:222px;
	position:relative;
	z-index:0
}
.Sub p.BgWord {
	position:absolute;
	top:45px;
	width:100%;
	font:400 26px/52px Arial, 'Microsoft YaHei';
	color:#fff;
	background:url(../images/ConBgIcon.png) no-repeat center top;
	padding-top:22px;
	text-align:center
}
.Sub .CaseConBg {
	background:url(../images/SubCaseBg.jpg) no-repeat center top
}
.Sub .CaseCon {
	width:1054px;
	height:auto;
	overflow:hidden;
	padding:52px;
	background:#fff;
	position:relative;
	z-index:1;
	border:1px solid #f5f5f5;
	margin-top:-52px;
	box-shadow:0 0 35px rgba(0, 0, 0, .06)
}
.Sub .CaseCon h3 {
	width:auto;
	max-width:812px;
	height:auto;
	float:left;
	font:400 26px/22px Arial, 'Microsoft YaHei';
	color:#333
}
.Sub .CaseCon a.Btn {
	position:absolute;
	text-align:center;
	font:bolder 14px/32px Arial, 'Microsoft YaHei'
}
.Sub .CaseCon a.View {
	width:108px;
	height:32px;
	border:2px solid #1bc9a2;
	color:#1cb593;
	right:175px;
	top:46px
}
.Sub .CaseCon a.Design {
	width:112px;
	height:36px;
	background:#4883de;
	color:#fff;
	right:52px;
	top:46px;
	line-height:36px
}
.Sub .CaseCon p.Word {
	width:1050px;
	height:auto;
	float:left;
	border-top:2px solid #eee;
	font:400 12px/26px Arial, 'Microsoft YaHei';
	color:#999;
	margin-top:30px;
	padding:20px 0 50px 4px
}
.Sub .CaseCon img {
	max-width:1054px;
	float:left
}
.Sub .NewsConBg {
	background:url(../images/SubNewsBg.jpg) no-repeat center top
}
.Sub .NewsCon {
	min-width:1000px;
	max-width:1160px;
	width:auto;
	height:auto;
	overflow:hidden;
	position:relative;
	z-index:1;
	margin-top:-52px;
	padding:35px;
	padding-top:0
}
.Sub .NewsCon .WordCon {
	width:62%;
	height:auto;
	float:left;
	position:relative;
	background:#fff;
	box-shadow:0 0 35px rgba(0, 0, 0, .06);
	font:400 14px/22px Arial;
	color:#999;
	padding:52px 5%
}
.Sub .NewsCon .WordCon h2.WordTit {
	width:100%;
	height:auto;
	float:left;
	font:400 26px/22px Arial, 'Microsoft YaHei';
	color:#333
}
.Sub .NewsCon .WordCon span.WordOther {
	width:100%;
	height:30px;
	float:left;
	padding:12px 0;
	color:#999;
	font:400 12px/30px Arial, 'Microsoft YaHei';
	border-bottom:2px solid #eee;
	margin-bottom:32px
}
.Sub .NewsCon .WordCon span.WordOther font {
	color:#333
}
.Sub .NewsCon .WordCon span.WordOther a {
	color:#333
}
.Sub .NewsCon .WordCon span.WordOther a:hover {
	color:#666
}
.Sub .NewsCon .WordCon p {
	color:#333;
	padding:0 10px
}
.Sub .NewsCon .WordCon img {
	max-width:600px
}
.Sub .NewsCon .PicList {
	width:23%;
	height:auto;
	float:right;
	padding:1.5%;
	background:#fff;
	box-shadow:0 0 35px rgba(0, 0, 0, .06);
	text-align:center;
	margin-bottom:22px
}
.Sub .NewsCon .PicList img {
	width:100%;
	max-width:272px
}
.Sub .NewsCon .PicList ul {
	padding:0 2%
}
.Sub .NewsCon .PicList li {
	width:96%;
	padding:15px 0;
	padding-left:4%;
	border-bottom:1px solid #eee;
	float:left;
	font:400 14px/20px Arial, 'Microsoft YaHei';
	text-align:left
}
.Sub .NewsCon .PicList li font {
	padding-right:5%;
	color:#999;
	position:relative;
	top:-2px
}
.Sub .NewsCon .PicList li a {
	color:#333
}
.Sub .NewsCon .PicList li a:hover {
	color:#28b932
}
.Sub ul.ConFot {
	width:1054px;
	height:auto;
	float:left;
	border-top:2px solid #eee;
	margin-top:72px;
	padding:22px 0 0 22px
}
.Sub ul.ConFot li {
	width:80px;
	height:60px;
	float:left;
	padding-right:30px
}
.Sub ul.ConFot li.BackTop {
	width:168px;
	height:46px;
	border:2px solid #ddd;
	float:right;
	padding:0;
	text-align:center;
	font:400 14px/46px Arial, 'Microsoft YaHei';
	color:#bbb
}
.Sub ul.ConFot li.BackTop a {
	width:168px;
	height:46px;
	color:#bbb;
	background:0 0
}
.Sub ul.ConFot li a {
	display:block;
	width:80px;
	height:60px;
	background:url(../images/SubConIcon.png) no-repeat;
	position:relative
}
.Sub ul.ConFot a.IconA {
	background-position:0 5px
}
.Sub ul.ConFot a.IconB {
	background-position:-95px 5px
}
.Sub ul.ConFot a.IconC {
	background-position:-200px 5px
}
.Sub ul.ConFot a.IconA, .Sub ul.ConFot a.IconB, .Sub ul.ConFot a.IconC {
transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
-o-transition:.3s
}
.Sub ul.ConFot a.IconA:hover, .Sub ul.ConFot a.IconB:hover, .Sub ul.ConFot a.IconC:hover {
transition:.6s;
-moz-transition:.6s;
-webkit-transition:.6s;
-o-transition:.6s
}
.Sub ul.ConFot a.IconA:hover {
	background-position:0 -65px
}
.Sub ul.ConFot a.IconB:hover {
	background-position:-95px -65px
}
.Sub ul.ConFot a.IconC:hover {
	background-position:-200px -65px
}
.Sub ul.ConFot a p {
	position:absolute;
	height:0;
	overflow:hidden;
	z-index:3;
	background:url(../images/HoverBg.png) no-repeat 0 0;
	color:#fff;
	font:400 14px/30px Arial, 'Microsoft YaHei'
}
.Sub ul.ConFot a.IconA p {
	left:-56px;
	top:-60px
}
.Sub ul.ConFot a.IconB p {
	background:url(../images/HoverBg.png) no-repeat 0 -90px;
	left:-36px;
	top:-175px
}
.Sub ul.ConFot a.IconC p {
	left:-36px;
	top:-60px
}
.Sub ul.ConFot a:hover p {
transition:.6s;
-moz-transition:.6s;
-webkit-transition:.6s;
-o-transition:.6s;
	text-align:center
}
.Sub ul.ConFot a.IconA:hover p {
	width:165px;
	height:41px;
	top:-40px
}
.Sub ul.ConFot a.IconB:hover p {
	width:132px;
	height:143px;
	top:-145px;
	background-position:0 -90px
}
.Sub ul.ConFot a.IconC:hover p {
	width:165px;
	height:41px;
	left:-36px;
	top:-40px
}