@charset "utf-8";

/*banner*/
.banner{position:relative;}
	.banner .slides a{display:block;width:100%;height:792px;overflow:hidden;}
	.banner .flex-direction-nav{position:absolute;bottom:0;left:50%;z-index:2;width:1256px;margin-left:-628px;text-align:right;}
		.banner .flex-direction-nav li{display:inline-block;*display:inline;vertical-align:middle;}
			.banner .flex-direction-nav a{display:block;width:46px;height:41px;overflow:hidden;border-right:1px solid #1A1A1A;}
			.banner .flex-prev{background:url(../img/btn_prev_banner.jpg) no-repeat center center #000;}
			.banner .flex-next{background:url(../img/btn_next_banner.jpg) no-repeat center center #000;}

.title{height:48px;line-height:48px;overflow:hidden;padding:25px 0;font-size:42px;color:#464646;text-align:center;}
	.title span{color:#000;}
	.title em{color:#FB9A00;}

/*about*/
.about{padding:25px 0;}
	.about .container{width:1096px;padding-top:20px;}
		.about td{width:20%;font-size:14px;text-align:center;}
			.about td p{line-height:62px;font-size:60px;color:#182D6E;}
		.about .clearfix{margin-top:45px;}
	        .about .num{width:184px;}
	            .about .num li{margin-bottom:21px;}
		            .about .num a{display:block;padding:10px;}
		            .about .num a:hover{color:#fff;background-color:#FBB400;}
		                .about .num h2,.about .num h3,.about .num h4{font-weight:normal;}
						.about .num h2{line-height:46px;font-size:24px;text-align:right;}
		                .about .num h3{text-align:right;}
		                .about .num p{color:#fff;}
		                    .about .num p span{font-size:14px;}
		                .about .num h4{font-size:24px;font-family:simsun;font-weight:normal;color:#fff;text-align:right;}
	        .about-intro{width:408px;height:273px;overflow:hidden;padding:24px 24px 0;}
	            .about-intro h2{position:relative;margin-bottom:78px;font-size:22px;font-weight:normal;color:#424242;}
	            .about-intro h3{margin-bottom:20px;font-size:22px;font-weight:normal;color:#fff;}
	            .white h2{color:#fff;}
	                .about-intro h2:after{position:absolute;top:50px;left:4px;width:1px;height:50px;background-color:#454545;content:"";}
	                .white h2:after{background-color:#fff;}
	            .about-intro p{font-size:14px;color:#333;}
	            .white p{color:#fff;}

/*product*/
.product{width:100%;overflow:hidden;}
	.product li{float:left;width:25%;overflow:hidden;}
		.product a{position:relative;display:block;height:296px;}
			.product img{min-width:100%;}
			.product h3{position:absolute;top:18px;left:26px;font-size:18px;font-weight:normal;color:#FBB400;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s cubic-bezier(ease);}
			.product a:hover h3{top:-30px;}
			.product .desc{position:absolute;top:0;left:-100%;width:60%;height:100%;overflow:hidden;padding-left:26px;background-color:rgba(251,180,0,.88);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E0FBB400,endColorstr=#E0FBB400);transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s cubic-bezier(ease);}
			.product a:hover .desc{left:0;}
				.product .desc-pd{padding:32px 25px 0 0;}
					.product h2{font-size:32px;font-weight:normal;}
					.product p{line-height:22px;}
					.product ins{display:block;width:21px;height:21px;overflow:hidden;margin-top:32px;background:url(../images/icon.png) no-repeat;}

/*advantage*/
.advantage{width:100%;overflow:hidden;background:url(../images/bg_advantage.jpg) repeat;}
	.advantage-list{margin:0 170px;}
		.advantage-list li{float:left;width:25%;text-align:center;}
			.advantage-list a{position:relative;display:block;width:100%;height:284px;overflow:hidden;padding-top:56px;}
				.advantage-list h2{margin:15px 0;font-size:16px;font-weight:normal;}
				.advantage-list p{line-height:16px;color:#343434;}
				.advantage-list .desc{position:absolute;top:0;left:-100%;width:100%;height:100%;overflow:hidden;text-align:left;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s cubic-bezier(ease);}
				.advantage-list a:hover .desc{left:0;}
					.advantage-list .desc img{position:absolute;top:0;left:0;min-width:100%;}
					.advantage-list .desc h3{position:relative;margin:40px 20% 38px 10%;font-size:30px;font-weight:normal;color:#FBB400;}
					.advantage-list .desc p{position:relative;line-height:22px;margin:0 20% 0 10%;color:#FBB400;}
					.advantage-list .desc ins{position:relative;display:block;width:21px;height:21px;overflow:hidden;margin:32px 0 0 10%;background:url(../images/icon.png) no-repeat 0 -21px;}

/*witness*/
.witness{width:100%;overflow:hidden;background-color:#E8E8E8;}
	.witness-cont{width:655px;margin:0 auto;}
	.witness-list{position:relative;width:100%;height:165px;margin-top:60px;background-color:#BFBFBF;}
		.witness-list .flex-viewport{top:-12px;width:1045px;padding-top:12px;margin:0 auto;}
		.witness-list .slides li{position:relative;}
			.witness-list .slides a{display:table-cell;width:209px;height:165px;text-align:center;vertical-align:middle;}
			.witness-list .flex-direction-nav a{position:absolute;top:0;width:56px;height:165px;line-height:165px;overflow:hidden;font-size:50px;font-family:simsun;color:#000;text-align:center;}
			.witness-list .flex-next{right:0;}
			.witness-list li.selected ins{position:absolute;top:-24px;left:50%;margin-left:-12px;border-width:12px;border-style:solid;border-color:transparent transparent #BFBFBF;}

/*news*/
.news .container{width:1256px;margin:0 auto;}
	.news li{
	float:left;
	width:310px;
	overflow:hidden;
	margin-bottom: 1px;
	margin-right: 1px;
}
		.news a{display:block;background-color:#E9E9E9;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s cubic-bezier(ease);}
		.news a:hover{background-color:#FBB400;}
		.news .desc{height:100px;padding:36px 34px 0;}
			.news img{width:100%;height:136px;}
			.news h2{line-height:26px;font-size:14px;font-weight:normal;}
			.news time{display:block;line-height:26px;font-size:14px;font-family:Arial;}
			.news p{margin-top:5px;color:#363636;}
			.news ins{display:block;width:5px;height:8px;overflow:hidden;margin-top:25px;background:url(../images/icon.png) no-repeat 0 -42px;}

/*contact*/
.contact{width:100%;height:590px;overflow:hidden;margin-top:126px;background:url(../img/bg_contact.jpg) no-repeat center 0;}
	.contact .container{width:1256px;padding-top:103px;margin:0 auto;}
		.contact-cont{width:298px;height:393px;line-height:24px;padding:0 0 0 42px;margin-right:14px;color:#FBB400;background:url(../img/bg_contact_cont.jpg) no-repeat;}
			.contact-cont h2{padding:45px 0;font-size:30px;font-weight:normal;}
			.contact-cont h3{margin-bottom:28px;font-size:18px;font-weight:normal;}
			.contact-cont a{display:block;width:21px;height:21px;overflow:hidden;margin-top:40px;background:url(../images/icon.png) no-repeat 0 -21px;}

@media (max-width: 1260px) {
	.banner,.about,.product,.advantage,.witness,.news,.contact{width:1260px;}
}