.container { text-align: left; margin: 0 auto; width:1200px; position: relative; }
.container a{display:block; width:1200px; height:500px;}
/*------------------------------------------------*/
/*--------------[FEATURED SLIDER]-----------------*/
/*------------------------------------------------*/

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(30px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(30px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(30px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(30px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

/*小图颤动效果
@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
	}

	70% {
		-webkit-transform: scale(.9);
	}

	100% {
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}

	50% {
		opacity: 1;
		-moz-transform: scale(1.05);
	}

	70% {
		-moz-transform: scale(.9);
	}

	100% {
		-moz-transform: scale(1);
	}
}

@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}

	50% {
		opacity: 1;
		-o-transform: scale(1.05);
	}

	70% {
		-o-transform: scale(.9);
	}

	100% {
		-o-transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}

	50% {
		opacity: 1;
		transform: scale(1.05);
	}

	70% {
		transform: scale(.9);
	}

	100% {
		transform: scale(1);
	}
}*/


#et-slider-wrapper {width:1200px; height:500px; margin:0 auto; position: relative; overflow:hidden;}
	.et-slide { background-repeat: no-repeat; background-position: top center; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
		.et-slide .container { padding: 0px 0 0; }
		.et-slide .description { text-shadow: 0 1px 1px rgba(0,0,0,0.3); color: #fff; font-size:16px; float: left; width:100%;
	-webkit-animation-duration: .6s;
	-webkit-animation-delay: .4s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: .4s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: .4s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: .4s;
	animation-timing-function: ease;
	animation-fill-mode: both;

	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp; }
				.description h2 { font-size:28px; color: inherit; line-height:120%; margin-bottom:20px; letter-spacing:1px;}
					.description h2 a { color: #fff; }
					.description h2 a:hover { text-decoration: none; color: rgba(255,255,255,0.95); }
					.description p{ line-height:150%; margin-bottom:10px;}
					.subtitle { font-size:16px; color: #fff; letter-spacing:0px;}
					.description .more { float: right; display: inline-block; text-transform: uppercase; font-size:16px; color: #fff; text-shadow: 0 -1px 1px rgba(0,0,0,0.8); padding: 10px 20px; border: 1px solid #17242a; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 3px 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 3px 3px rgba(0,0,0,0.3); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 3px 3px rgba(0,0,0,0.3);
					background: #2a3f4a;
background: -moz-linear-gradient(top, #2a3f4a 0%, #1e2f37 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a3f4a), color-stop(100%,#1e2f37)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #2a3f4a 0%,#1e2f37 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #2a3f4a 0%,#1e2f37 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #2a3f4a 0%,#1e2f37 100%); /* IE10+ */
background: linear-gradient(to bottom, #2a3f4a 0%,#1e2f37 100%); /* W3C */
}
					.description .more:hover { color: rgba(255,255,255,0.9); text-decoration: none; }
			.featured-image { float: right; width:650px;
-webkit-animation-duration: .6s;
	-webkit-animation-delay: .8s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: .8s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: .8s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: .8s;
	animation-timing-function: ease;
	animation-fill-mode: both;

	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

.js .et-slide { display: none; }
.js .et-slide:first-child { display: block; }

.et-slider-arrows a { background-repeat: no-repeat; width: 40px; height: 60px; position: absolute; top: 215px; text-indent: -9999px; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0; }
#et-slider-wrapper .et-arrow-prev { left: 15px; background-image: url(images/left-arrow.png);}
#et-slider-wrapper .et-arrow-next { right: 15px; background-image: url(images/right-arrow.png);}
#et-slider-wrapper:hover .et-slider-arrows a { opacity: 1; }
#et-slider-wrapper:hover .et-arrow-prev { left: 0px;}
#et-slider-wrapper:hover .et-arrow-next { right: 0px;}

#et-slider-controls { position: absolute; bottom:15px; left: 0; width: 100%; }
	#et-slider-controls .et-controllers { width: 145px; margin:0 auto; text-align: center; }
		#et-slider-controls .et-controllers a { display: inline-block; width: 17px; height: 17px; background: url(images/slider_control.png) no-repeat; text-indent: -9999px; margin: 0 0px; }
		#et-slider-controls .et-controllers a.et-active-control { background-image: url(images/active_slider_control.png); }

		.et-controllers a.et-active-control:hover { cursor: default; }

/*
@media only screen and ( min-width: 768px ) and ( max-width: 960px ) {
	.container { width: 728px; }
		#logo { float: none; }
		#menu-wrap { float: none; clear: both; padding-top: 38px; }

		#et-slider-wrapper { height: 300px; }
			.et-slide .container { padding-top: 250px; }
				.et-slide .description { width: 277px; padding-top: 32px; }
					.description h2 { font-size: 48px; }
				.featured-image, #et-slider-controls .et-controllers { width: 402px; }
			#et-slider-controls { bottom: 100px; }

		.et-slider-arrows a { top: 413px; }
		#et-slider-wrapper .et-arrow-prev { left: 0; }
		#et-slider-wrapper .et-arrow-next { right: 0; }
		#et-slider-wrapper:hover .et-arrow-prev { left: 25px; }
		#et-slider-wrapper:hover .et-arrow-next { right: 25px; }

		.subtitle, .service h3, .testimonial .title, .footer-widget h4.widgettitle { font-size: 24px; }
			.description .more { font-size: 18px; }
		.service { margin-right: 35px; width: 155px;	}
		#testimonials { width: 313px; }
			.testimonial { padding: 30px 26px 27px 39px; }
				.testimonial .title { padding-bottom: 3px; }
				.testimonial span.title  { display: block; }
		#recent-updates { width: 331px; }
		#logos img { max-width: 136px; }
		.footer-widget { margin-right: 52px; width: 208px; }

		#left-area { width: 472px; }
		#sidebar { width: 209px; }

		.page-title-area { padding-top: 95px; }
			.page-title-area h1 { font-size: 48px; }

		.entry .meta-info { font-size: 24px; }

	#et_pt_portfolio_gallery { margin-left: -35px !important; }
		.et_pt_portfolio_item { margin-left: 13px !important; width: 201px !important; }
		.et_portfolio_more_icon, .et_portfolio_zoom_icon { top: 50px !important; }
		.et_portfolio_more_icon { left: 65px !important; }
		.et_portfolio_zoom_icon { left: 106px !important; }

	#et_pt_portfolio_gallery.et_portfolio_small { margin-left: -18px !important; }
		#et_pt_portfolio_gallery.et_portfolio_small .et_pt_portfolio_item { margin-left: 8px !important; width: 117px !important; }
			#et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_zoom_icon { top: 20px !important; }
			#et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_more_icon { left: 26px !important; }
			#et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_zoom_icon { left: 62px !important; }

	#et_pt_portfolio_gallery.et_portfolio_large { margin-left: -28px !important; }
		#et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: -3px !important; width: 321px !important; }
			#et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { top: 99px !important; }
			#et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 140px !important; }
			#et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 178px !important; }


}


@media only screen and ( max-width: 767px ) {
	.container { width: 440px; }
		.top-content.container { text-align: center; }
			#logo, #top-menu { float: none;	}
			#social-icons, .description p { display: none; }
			.description .subtitle { display: block; }
			.description .more { font-size: 18px; float: left; padding: 17px; }

		#et-slider-wrapper { height: 544px; }
			.et-slide .container { padding-top: 233px; }
				.et-slide .description { width: 203px; padding-top: 22px; }
				.featured-image { width: 211px; }
				#et-slider-controls .et-controllers { width: 100%; text-align: center; }
			#et-slider-controls { bottom: 60px; }

		.et-slider-arrows a { top: 312px; }

		#et-slider-wrapper .et-arrow-prev { left: 0; }
		#et-slider-wrapper .et-arrow-next { right: 0; }
		#et-slider-wrapper:hover .et-arrow-prev { left: 10px; }
		#et-slider-wrapper:hover .et-arrow-next { right: 10px; }

		.description h2 { font-size: 36px; }
		.subtitle { font-size: 18px; }
		.service { float: none; margin-bottom: 35px; }
			.service h3, .footer-widget h4.widgettitle { font-size: 24px; }
		.service { margin-right: 0; width: 375px; }
		#testimonials, #recent-updates { float: none; width: auto; }
		#testimonials { margin: 0 0 50px 24px; }
			.testimonial { padding: 32px 36px 27px 39px; }
		#recent-updates { margin-left: 60px; }
		#logos { padding-bottom: 0; }
			#logos img { max-width: 189px; margin-bottom: 50px; }
			#logos a:nth-child(2) { margin-right: 0; }
		.footer-widget { margin-right: 0; width: auto; margin-bottom: 50px; float: none; }
		.footer-widget.last { margin-bottom: 0; }
		#footer-bottom .container, p#copyright { text-align: center; }
			.bottom-nav { display: inline-block; }
		p#copyright { padding-top: 25px; }

		#menu-wrap, #sidebar { display: none; }
		.mobile_nav { display: inline-block; }

		#et_mobile_nav_menu { margin-top: 45px; }
			.mobile_nav { padding-bottom: 8px; }
		.mobile_nav:hover { text-decoration: none; }

		.page-title-area { padding-top: 51px; }
			.page-title-area h1 { font-size: 48px; }
			.page-title-area .subtitle, .entry .meta-info { font-size: 24px; }

		#left-area { float: none; margin-right: 0; width: auto; }

	#et_pt_gallery { margin-left: -44px !important; margin-right: -40px !important; }
		.et_pt_gallery_entry { margin-left: 7px !important; }

	#et_contact_right { width: 50% !important; margin-left: 0 !important; float: none !important; }

	.sitemap-col { float: none !important; width: auto !important; }

	.et_pt_portfolio_item { margin-left: 30px !important; }

	.et_portfolio_small .et_pt_portfolio_item { width: 380px !important; margin-bottom: 10px; }
		.et_portfolio_small .et_pt_portfolio_entry { float: left; margin-right: 15px; }
		.et_portfolio_small .et_portfolio_more_icon, .et_portfolio_small .et_portfolio_zoom_icon { top: 30px !important; }
		.et_portfolio_small .et_portfolio_more_icon { left: 38px !important; }
		.et_portfolio_small .et_portfolio_zoom_icon { left: 77px !important; }

	#et_pt_portfolio_gallery.et_portfolio_large { margin-left: 0 !important; }
		#et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: -27px !important; width: 404px !important; }
		#et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { top: 109px !important; }
		#et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 155px !important; }
		#et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 195px !important; }
}

@media only screen and ( max-width: 479px ) {
	.container { width: 320px; }
		#et-slider-wrapper { height: 505px; }
			.featured-image, #et-search-form, #content .wp-pagenavi .pages { display: none; }

			.et-slide .description { float: none; width: 100%; }
				.et-slide .description .more { float: none; }

		.top-content.container, .et-slide .container, #logos .container, p#copyright { text-align: center; }
			#logo, #top-menu { float: none;	}
			#social-icons, #footer-widgets, .bottom-nav { display: none; }
			.description h2 { font-size: 36px; }
			.subtitle, .entry .meta-info { font-size: 18px; }
			.service h3 { font-size: 24px; }
		.service { margin-right: 0; width: 255px; }

			.testimonial { padding: 32px 36px 27px 39px; }
		#recent-updates { margin-left: 0; }
			#logos img { max-width: 189px; margin-bottom: 50px; }

		#footer-bottom { padding-top: 0; }

		.page-title-area h1 { font-size: 36px; }

		#breadcrumbs { padding: 10px 0; }

	.et_pt_gallery_entry { margin-left: 56px !important; }

	p.et-registration { margin-top: 35px !important; }
	.et-protected-form { padding: 0 !important; background: none !important; }
	.et-protected { width: auto !important; }

	#et_pt_portfolio_gallery, #et_pt_portfolio_gallery.et_portfolio_large { margin-left: 0 !important; }
		.et_pt_portfolio_item, #et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: 0 !important; width: 228px !important; }
			.et_portfolio_more_icon, .et_portfolio_zoom_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { top: 53px !important; }
			.et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 70px !important; }
			.et_portfolio_zoom_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 110px !important; }

	.entry .et_portfolio_small .et_pt_portfolio_item { width: 262px !important; margin-left: 0 !important; }

	.et_portfolio_small .et_pt_portfolio_item { margin-left: -15px !important; width: 254px !important; }
}
*/