@charset "utf-8";


#bgWrap { padding-bottom:15px;background-color:#fff; }
#bgWrap #content{ margin:0 auto; width:100%; padding-top:50px;}
#bgWrap #wrap { width:100%; margin:0 auto; font-size:12px;}
#bgWrap #wrap a { font-size:12px;}
#bgWrap .col { width:100%;  clear:both; display:block; margin-bottom:50px; background-color:#fff; overflow:hidden;}

em { font-style:normal; color:#E51F1E;}

.col { background-color:#fff; color:#666;}
.col h2 { width:100%; text-align:center; font-size:18px; color:#333; margin-bottom:50px; }
.col h2 span { font-size:11px;font-weight:bold; color:#333;text-transform: uppercase;display:block;}
.col h2 span.line { color:#E60B1E;line-height: 140%;font-weight:bold; font-size:16px;display:block;}


.about { height:460px; margin-bottom:50px;}
.about h2 { /* transition:All 2s ease-in-out; transform:scale(0.5); */ }
.about .l { float:left; width:50%; }
.about .l h3 { font-size:16px; line-height: 200%; }
.about .l .con { width:550px; padding-right:50px; float:right; color:#333333;line-height: 200%; position:relative;}
.about .l .con .cont { width:550px; position:absolute;}
.about .l .info { line-height:22px; margin-bottom:30px; font-size:14px;line-height: 200%;}
#bgWrap #wrap .about .l a.more { width:120px; height:30px; display:block;line-height:30px; text-align:center; font-size:14px; color:#F8C007; background-color:#1D1E20;}
#bgWrap #wrap .about .l a.more:hover { color:#000; background-color:#F8C007;}
.about .r { float:right;width:50%; }
.about .r .con { width:600px; position:relative;}
.about .r img { position:absolute; }


#bgWrap .home-pro {margin-bottom:0px;}
.home-pro { height:300px; padding-top:50px; background:#000 url(../images/home/datu.jpg) no-repeat center top; overflow:hidden;}
.home-pro a { color:#fff;}
.home-pro h2 { color:#fff; /* transform: scale(0.5); */}
.home-pro h2 span { color:#fff;}
.home-pro .sort { position:relative; left:50%; float:left;}
.home-pro .sort li { position:relative; right:50%; z-index:2; float:left; margin-right:50px; }
.home-pro .sort li a { line-height:40px; height:40px;display: block;}
.home-pro .sort li:first-child a{ border-bottom:1px solid #E60B1E; }
.home-pro .hover li:first-child a{ border:none; }
.home-pro .sort li a:hover { border-bottom:2px solid #E60B1E;}
.home-pro .con { width:1200px; height:0px; margin:0 auto; overflow:hidden; margin-top:150px; margin-bottom:50px;}
.home-pro .con ul { width:1200px;}
.home-pro .con ul li { float:left; width:172px; height:200px;margin-right:25px;}
.home-pro .con ul li a.img { width:170px; height:170px;display:table-cell;text-align:center;vertical-align:middle;background-color:#fff; }
.home-pro .con ul li a.txt { display:block;padding-top:5px;}
.home-pro .con ul li img { max-height:170px;max-width:170px; vertical-align: middle;}
.home-pro .con ul li span { width:172px; text-align:center; display:block;}
#bgWrap #wrap .home-pro a.more { width:198px; height:38px;display:block; text-align:center;margin:0 auto; line-height:38px; font-size:14px; color:#E60B1E; background:#25282F; border:1px solid #545358; position:relative; top: -80px;/* top: 0px; */}
#bgWrap #wrap .home-pro a:hover.more {background:#E60B1E; color:#fff;}

#bgWrap .show-pro { margin-bottom:50px;background-color:#eee; padding-top:50px;}
#bgWrap .show-pro .col-wrap {width:1200px; height:300px; margin:0 auto; }
.show-pro .l{ width:380px; float:left;}
.show-pro .r{ width:820px; float:right;}
.show-pro h3 { color:#333; font-size:18px; padding-bottom:10px;}
.show-pro h3 span { color:#999;font-size:12px; padding-left:10px;}
#img {width:336px; height:224px; float:left;overflow:hidden; position:relative;}
#img ul.sliderbox { position:relative;}
#img ul.sliderbox li { width:336px; height:224px; float:left;overflow:hidden;}
#img ul.sliderbox li img {  }

#img ul.sliderbox li  {width:336px; height:400px; text-align:center; position:relative; overflow:hidden; margin:0 auto;}
#img ul.sliderbox li  a.img { width:336px; height:200px;display:table-cell;text-align:center;vertical-align:middle;}
#img ul.sliderbox li  a.img:hover {}
#img ul.sliderbox li  img {max-width:336px;max-height:200px; vertical-align: middle;}

.show-pro .r h3 { border-bottom:1px solid #E3E3E3;}
.show-pro .r .cont { padding-top:25px; line-height:25px;}
.show-pro .r .cont a { color:#E60B1E; display:block; float:right; clear:both; margin-top:25px;text-align:right;}
.show-pro .r .cont a:hover { text-decoration:underline;}
.show-pro .slider .prev,.show-pro  .slider .next {
	position: absolute;
	top: 50%;
	margin-top: -30px;
	cursor: pointer;
	width: 61px;
	height: 61px;
	left: 0;
	background: url(../images/home/ft_icons.png) 0 0 no-repeat;
	/* display:none; */
	filter: Alpha(opacity=50);-moz-opacity:.5;opacity:0.5;
	-webkit-transition: all 0.25s;/* Safari and Chrome */
	-moz-transition: all 0.25s;/* Firefox 4 */
	-ms-transition: all 0.25s;/* IE */
	-o-transition: all 0.25s;/* Opera */
	transition: all 0.25s;/*閫氱敤*/
}
.show-pro .slider .next {
	right: 0;
	left: auto;
	background-position: 20px -61px;
}
.show-pro .slider:hover .prev,.show-pro .slider:hover .next { filter: Alpha(opacity=100);-moz-opacity:1;opacity:1; }


.page-ys {}
.page-ys h2 {}
.page-ys .con { width:1200px; margin:0 auto;}
.page-ys .con .box { width:266px; padding-top:50px; height:246px; float:left; border:2px solid #DDDDDD; text-align:center; margin-right:40px; }
.page-ys .con .box img {display:block; width:100px; margin:0 auto; margin-bottom:30px; }
.page-ys .con .box b {font-size:16px; color:#333;}
.page-ys .con .box p {font-size:16px; color:#888888; line-height:200%; width:180px; margin:0 auto; font-size:12px;}
.page-ys .con .end { margin-right:0px;}




.case {height:500px; background:#1E1E20 url(../images/home/gongcheng_tu.jpg) no-repeat center top; overflow:hidden;}
.case h2 { color:#fff; text-align:left;}
.case h2 span { color:#fff;}
.case .con { padding:20px;}
.case .l { width:50%; height:500px; float:left;}
.case .r { width:50%; height:500px; float:left;}
.case .r .con { width:546px; padding-top:50px; padding-left:56px; }
.case .r .con p { color:#aaa; line-height: 200%; font-size:14px; margin-bottom:50px;}
#bgWrap #wrap .case a.more { width:198px; height:38px;display:block; text-align:center;line-height:38px; font-size:14px; color:rgba(248,192,7,1); background:#25282F; border:1px solid #545358;}
#bgWrap #wrap .case a:hover.more {background:rgb(255,153,0); color:#000;}


.news { }
.news .con { }
.news .l { width:50%; float:left; height:380px;}
.news .l .con { padding-right:50px; width:550px;float:right;height:380px;}
.news .r { width:49%; float:left; overflow:hidden;}
.news .r .con { width:600px;}
.news .r .imgnews { float:left; }
	.imgnews { overflow:hidden; }
	.imgnews .newsli { float:left; width:100%; height:110px; border-bottom:1px solid #eee; margin-bottom:16px;}
	.imgnews span { width:100%;}
	.imgnews .img {float:left; margin-right:10px; }
	.imgnews .img img {display:block;}
	#bgWrap #wrap .imgnews a {font-weight:bold; font-size:14px;}
	#bgWrap #wrap .imgnews a:hover { color:#E60B1E;}

.news-one {}
.news-one img { margin-bottom:30px;}
.news-one .title { margin-bottom:30px;}
.news-one .title span {display:none;}
#bgWrap #wrap .news-one .title a { font-size:16px; color:#333; font-size:16px; font-weight:bold; float:left; width:100%; margin-bottom:15px;}
.news-one .title .info { font-size:12px; color:#eee;}
#bgWrap #wrap .news-one a.more { width:120px; height:30px; display:block;line-height:30px; text-align:center; font-size:14px; color:#fff; background-color:#E60B1E; }
#bgWrap #wrap .news-one a.more:hover {color:#E60B1E; background-color:#1D1E20; }


#bgWrap .scale { transform:scale(1);}

#flash { }
#textinfo { width:100%; height:500px; margin-top:-500px;position: relative; z-index: 1;}
#textinfo .con { color:#fff; text-align:center; padding-top:170px;}
#textinfo .con .p1 { margin-bottom:15px;}
#textinfo .con .p2 { font-size:48px; font-weight:bold; line-height:66px; margin-bottom:15px;}
#textinfo .con .p3 { font-size:18px;}
#textinfo .con .p3 strong { padding-left:15px; padding-right:15px;  font-weight:bold;}