
#Tab2{
	width: 100%;
}
#Tab2 .Menubox{
	background-color:#f8f8f8; 
	height: 148px;
}
#Tab2 ul{
	max-width: 1500px;
	margin: 0 auto;	
}
#Tab2 ul li{
	width: 25%;
	float: left;
	line-height: 148px;
	font-size: 16px;
	color: #6b6b6b;
	cursor: pointer;
	text-align: center;
}

#logo img{height: 44px;}
#logo img{ transition:all 1s;}
#logo img:hover{transform: scale(1.2,1.2);
-ms-transform: scale(1.2,1.2);	/* IE 9 */
-webkit-transform: scale(1.2,1.2);	/* Safari 和 Chrome */
-o-transform: scale(1.2,1.2);	/* Opera */
-moz-transform: scale(1.2,1.2);	/* Firefox */}
#aa{
	color: #747474;position: absolute;
	font-size: 14px;
	left: 20px;top: 24px;
}
#aa a{
	color: #747474;
}
#xx{width: 100%;
	height: 1px;
	border-bottom: 1px solid #dedede;
	padding-left: 51%;
	position: absolute;
	top: 50px;
}
.content1{
	width: 100%;
	background: url(../images/bj.png);
	position: relative;
	padding-top: 98px;
}
.content1 .cont{
	max-width: 1500px;
	margin: 0 auto;
}
.content1 .cont>p{text-align: center;color: #747474;}
.content1 .cont>p.title{
	font-size:18px;
}
.content1 .cont>p.subtitle{
	font-size:14px;
	margin-top:4px;
}
.content1 .cont #type{
	margin-top: 30px;
	display: inline-block;

}
.content1 .cont #type li{
	float: left;
	font-size: 14px;	
	transition:all 1s;
}
.content1 .cont #type li a{
	display: block;
	color: #747474;
	transition:all 1s;
	padding:6px 25px;
}
.content1 .cont #type li:hover a{
color: #fff;
background-color:#ffa811; 
}
.content1 .cont #type .ss{
	display: inline-block;
	float: left;
	width:2px;
	font-size: 14px;
	padding: 7px 5px 3px;
}
#xx1{width: 100%;
	height: 1px;
	border-bottom: 1px solid #dedede;
	padding-left: 51%;
	position: absolute;
	top: 148px;
}
.news_show{
	padding:50px 3.33% 140px;
}
.news_show h6{
	text-align: center;
	font-size: 18px;
	color: #3f3f3f;	
}
.news_show .x1{
	height: 1px;
	width:46.6%;
	border-bottom:1px solid #e1e2e7; 
	margin: 0 auto;
	padding-top: 38px;
}
.news_show .spa{
	font-size: 14px;
	color: #999999;
	text-align: center;
	padding-top: 4px;
}
 .page1 a{
	display: block;
	margin-top: 20px;
	color: #666666;
	font-size: 14px;
	transition:all 1s;
}
 .page1 a:hover{
	color: #ffa811;
}
.news_list{
	padding: 56px 0 110px;
	min-width: 1346px;
	margin: 0 auto;
}
.news_list li{
	height: 154px;
	background: url(../images/ju4.png) 100% 100%;
	margin-bottom: 44px;
	
}
.news_list li .data{
	width: 260px;
	text-align: center;
	line-height: 154px;
	font-size: 72px;
	color: #b7b7b7;
	float: left;
	
}
.news_list .list{
	width: 1020px;
	float: right;
	padding:0 29px;
}
.news_list li:hover .list h5{
	
} 
.news_list .list h5{
	font-size:14px;
	color:#595959; 
	padding-top: 32px;
	 transition:all 1s;
}
.news_list .list .txt{
	padding-top: 18px;
	line-height: 30px;
	color: #949494;
	font-size: 14px;
	transition:all 1s;
}
.news_list li:hover{
	background: url(../images/ju5.png) 100% 100%;
}
.news_list li:hover .list h5,.news_list li:hover .list .txt{
	color: #ffa811;
}
 .page{
	line-height: 6	0px;
	padding-bottom: 100px;
	text-align: center;
}
 .page a{
	padding: 7px 14px 7px 14px;
	color: #a5a5a5;
	line-height: 30px;
	font-size: 16px;
	border:1px solid #e6e6e6;
	margin-right: 5px;
	transition:all 1s;
}
	 .page a:hover{
	background-color: #ffa811;
	color: #fff
}
#case{
	
}
#case  li BLOCKQUOTE .ChildNavIn {background: url(../images/ju1.png) 100% 100%;
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; overflow-y: scroll;
	 WIDTH: 670px; COLOR: #747474; PADDING-TOP: 10px; HEIGHT: 200px; TEXT-AliGN: center
}
#case  li BLOCKQUOTE .ChildNavIn A {
	PADDING-RIGHT: 4px; DISPLAY: inline; PADDING-LEFT: 4px; FLOAT: left; 
	PADDING-BOTTOM: 2px; MARGIN: 4px 0px 3px 4px; WIDTH: 110px; COLOR: #747474; liNE-HEIGHT: 18px; PADDING-TOP: 2px;  TEXT-AliGN: center;
	font-size: 12px;
}
#case  li BLOCKQUOTE .ChildNavIn A:hover{
	color: #fff;
background-color:#ffa811
}
#case li BLOCKQUOTE {
	DISPLAY: none; Z-INDEX: 201; LEFT:0px; POSITION: absolute; TOP: 28px; padding-top:16px;HEIGHT: auto
}
#MutiNav {position: absolute;
	padding-top:80px;height:26px;
	font-size:13px;color:#747474;
	right:0;
	padding-right: 15.6%;
	z-index: 500;
	}
#case A {TEXT-DECORATION: none}
#case {height:30px; CLEAR: both; display:inline-block;position: absolute;top:30px;left: 28%;z-index: 500;}
#case li {float:left; height:30px; liNE-HEIGHT: 30px; margin-right: 5px;}
#case li>a {
	PADDING-RIGHT: 14px; padding-top: 8px;padding-bottom: 8px;	 PADDING-LEFT: 14px; Z-INDEX: 300;  WIDTH: auto; COLOR: #747474; liNE-HEIGHT: 30px;   TEXT-AliGN: center;
	font-size: 14px;
}

#case li A.on {
	FONT-WEIGHT: bold; COLOR: #dfe8d9; TEXT-DECORATION: none
}
#case li a{
	transition:all 1s;
}
#case li a:hover{
color: #fff;
background-color:#ffa811; 
}

#case_list{
	width:9999px;
	height: 490px;
	padding: 20px 0 180px;  
}
#case_list li{width:210px;height: 490px;display:inline;position: relative;float:left;}
#case_list li .case_top{
	width:210px;
	position: absolute;
	height: 110px;
	text-align: center;
}
#case_list li .case_top p{
	color: #8d8d8d;
	font-size: 16px;
	padding-top: 46px;
}
#case_list li .case_top .x2{
	width: 19px;
	height: 2px;
	background-color: #dddddd;
	margin:0 auto;
}
#case_list  li .case_bot{
	width:210px;
	height: 380px;
	overflow: hidden;
	position: absolute;
}
#case_list  li .case_bot img{
	width: 210px;height: 380px;
}
#case_list li:hover p{
	color: #ffa200;
}
#case_list li,#case_list li p, #case_list li img{ transition:all 1s;}

#case_list li:nth-child(odd) .case_top{
	top: 0;
}
#case_list li:nth-child(odd) .case_top .x2{
	margin-top: 14px;
}
#case_list li:nth-child(even) .case_top .x2{
	margin-top: -34px;
}
#case_list li:nth-child(odd)  .case_bot{
	bottom: 0;
}
#case_list li:nth-child(even) .case_top{
	bottom: 0;
}
#case_list li:nth-child(even)  .case_bot{
	top: 0;
}
/* 首页案例 */
#case_index{
	min-width: 1300px;
	height: 490px;
	padding:40px 0 0;  
}
#case_index li{width:210px;height: 490px;display:inline;position: relative;float:left;overflow: hidden;}
#case_index li .case_top{
	width:210px;
	position: absolute;
	height: 110px;
	text-align: center;
	z-index: -1;
	background-image: url(../images/crossword.png);
	opacity: 1;
}
#case_index li .case_top p{
	color: #8d8d8d;
	font-size: 16px;
	padding-top: 46px;
}
#case_index li .case_top .x2{
	width: 19px;
	height: 2px;
	background-color: #dddddd;
	margin:0 auto;
}
#case_index  li .case_bot{
	width:210px;
	height: 490px;
	overflow: hidden;
	position: absolute;
	z-index: -2;
}
#case_index  li .case_bot img{
	width:100%;height: 490px;
}
#case_index li:hover .case_top{
	opacity: 0;
}
#case_index li:hover .case_bot{
	height: 490px;
}
#case_index li:hover .case_bot img{
	
}
#case_index li:hover p{
	color: #ffa200;
}

#case_index li,#case_index li p,#case_index li .case_top{ transition:all .8s;}
#case_index li:hover img{height: 490px;}
#case_index li:nth-child(odd) .case_top{
	top: 0;
}
#case_index li:nth-child(odd) .case_top .x2{
	margin-top: 14px;
}
#case_index li:nth-child(even) .case_top .x2{
	margin-top: -34px;
}
#case_index li:nth-child(odd)  .case_bot{
	bottom: 0;
}
#case_index li:nth-child(even) .case_top{
	bottom: 0;
}
#case_index li:nth-child(even)  .case_bot{
	top: 0;
}
/* 首页案例 */
/* 二级案例 */
.img_scroll{
	min-width:1200px;max-width:1500px;margin:0 auto;text-align:center;padding-top:80px;padding-bottom:150px;position:relative
}
.img_list{
	width:1260px;overflow:hidden;margin:0 auto;
}
.img_scroll .prev,.img_scroll .next { position:absolute; display:block; width:50px; height:100px; 
	top:44%; z-index: 100;}
	.img_scroll .prev { left:5%;background: url(../images/pre.png) no-repeat}
	.img_scroll .next { right:5%;background: url(../images/nex.png) no-repeat}
.case_show h6{
	text-align: center;
	font-size: 18px;
	color: #3f3f3f;	
}

.wenuha_list {
	
}
.wenuha_list li{
	max-width:23.40%;

	position: relative;
	display: inline-block;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 54px;
}
/* 改 */
.wenuha_list li img  {
	width: 356px;
	height: 243px;
}
/* 改 */
.wenuha_list li,.wenuha_list li img ,.wenuha_list li p{
	transition:all 1s;
}
.wenuha_list li p {
	position: absolute;
	opacity: 0;
	bottom: 0;
	height: 60px;
	text-align: left;
	line-height: 60px;width: 100%;
	background-image: url(../images/ju7.png);
}
.wenuha_list li:hover img{transform: scale(1.2,1.2);
-ms-transform: scale(1.2,1.2);	/* IE 9 */
-webkit-transform: scale(1.2,1.2);	/* Safari 和 Chrome */
-o-transform: scale(1.2,1.2);	/* Opera */
-moz-transform: scale(1.2,1.2);	/* Firefox */}
.wenuha_list li:hover p{
	opacity: 1;
	font-size: 16px;
	color:#363636;
	padding-left: 26px;
	
}
/* wenhua */
.img-scroll { position:relative; margin:0 auto; max-width:1500px;}
  
  
  .img-scroll .prev,.img-scroll .next {cursor: pointer; display:block; position:absolute; top:92px; width:58px; height:58px; z-index: 100;}
  .img-scroll .prev { left:15px; background:url(../images/left.png) no-repeat;}
  .img-scroll .next { right:20px;background:url(../images/right.png) no-repeat;}
  
  
 .img-scroll .img-list { position:relative; width:1500px; height:267px;  overflow:hidden}
 .img-scroll .img-list ul {overflow:hidden}
.img-scroll  .img-list li { float:left; display:inline; max-width:354px;  position:relative;
	margin-left:10px;margin-right:10px;margin-bottom: 500px; overflow: hidden; }
/* wenhua */
.img-scroll	.img-list ul li img{ width:100%; height:267px; display:block; transition:all 1s; }
.img-scroll .img-list ul li:hover img{transform: scale(1.2,1.2);
-ms-transform: scale(1.2,1.2);	/* IE 9 */
-webkit-transform: scale(1.2,1.2);	/* Safari 和 Chrome */
-o-transform: scale(1.2,1.2);	/* Opera */
-moz-transform: scale(1.2,1.2);	/* Firefox */}
.img-scroll .img-list ul li p{
	position: absolute;
	bottom: 0;
	left: 0;
	line-height: 58px;
	background: url(../images/ju2.png);
	width:354px;
	height: 58px;font-size: 16px;color: #363636;
	opacity: 0;
	transition:all 1s;
}
.img-scroll .img-list ul li:hover p{
	padding-left: 24px;
	opacity: 1;
}
.banner1{
	width: 100%;
}
.bannerx{ width:100%; margin:0 auto; position:relative; font-size:0;min-width:1200px;min-height:588px;}
.bannerxList li { position: absolute; left: 0px; top: 0; width:100%;  font-size:0; min-width:1200px;min-height:588px;}
.bannerxList img { width:100%; min-width:1200px;min-height:588px;}
.bannerxBton{
	width: 477px;
	position:absolute;
	bottom:4%;
	left:44.7%;
	z-index:10;
}
.bannerxBton li{
	cursor:pointer;
	width:45px;
	height:12px;
	float:left;
	margin-right:12px;
	background:url(../images/ty2.png) no-repeat;
} 
.bannerxBton li.up{
	background:url(../images/ty1.png) no-repeat;
}
#qb{
	color: #747474;
	background-color: #ccc;
	transition:all 1s;
}
#qb:hover{
	color:#fff;background:#ffa811;
}
.shipin{
	width: 100px;
	height: 100px;
	position: absolute;
	z-index: 1;
	right: -46%;
	top: 38%;
	animation:shipin 2s linear 2s infinite normal;
/* Firefox: */
-moz-animation:shipin 2s linear 2s infinite normal;
/* Safari and Chrome: */
-webkit-animation:shipin 2s linear 2s infinite normal;
/* Opera: */
-o-animation:shipin 2s linear 2s infinite normal;
}
.shipin:hover{
	animation-play-state:paused;
}
@keyframes shipin
{
0%   { right:-46%; top:38%;}
25%  { right:-46%; top:36%;}
50%  { right:-46%; top:38%;}
75%  { right:-46%; top:40%;}
100% { right:-46%; top:38%;}
}

@-moz-keyframes shipin /* Firefox */
{
0%   { right:-46%; top:38%;}
25%  { right:-46%; top:36%;}
50%  { right:-46%; top:38%;}
75%  { right:-46%; top:40%;}
100% { right:-46%; top:38%;}
}

@-webkit-keyframes shipin /* Safari and Chrome */
{
0%   { right:-46%; top:38%;}
25%  { right:-46%; top:36%;}
50%  { right:-46%; top:38%;}
75%  { right:-46%; top:40%;}
100% { right:-46%; top:38%;}
}

@-o-keyframes shipin /* Opera */
{
0%   { right:-46%; top:38%;}
25%  { right:-46%; top:36%;}
50%  { right:-46%; top:38%;}
75%  { right:-46%; top:40%;}
100% { right:-46%; top:38%;}
}

.shipin img{width: 100%;}
.about ul li{
	list-style: disc;
	/* list-style-image:url("../images/yuan.png"); */
}
.con1,.con2 li{
	color: #747474;
	font-size: 14px;

}
.con1{
	text-align: center;
	font-size: 16px;
	margin-bottom: 20px;
}
.con2{
	width: 1200px;
	margin: 0 auto 60px;
}
.con2 li {
	width: 400px;
	float: left;
	margin-bottom: 20px;
}