@import "reset.css";
@import "fonts.css";

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	min-height: 100%;
	position: relative;
	background: #ffffff;
	font-family: 'MyriadProRegular' , sans-serif;
	min-width: 1000px;
	/* border-top: 13px solid #666; */
	overflow-x: hidden;
}

html {
	height: 100%;
}

/* HTML5 tags */
header, content, section, footer, aside, nav, article, figure {
	display: block;
}

img {
	border: none;
}

a:hover {
	text-decoration: none;
}

a:focus {
	outline: none;
}

ul {
	list-style-type: none;
}

.clearfix:after {
	content: "";
	width: 100%;
	display: block;
	clear: both;
}

@font-face {
    font-family: 'BauhausCLightRegular';
    src: url('../fonts/bauhausc_light.eot');
    src: url('../fonts/bauhausc_light.eot') format('embedded-opentype'),
         url('../fonts/bauhausc_light.woff2') format('woff2'),
         url('../fonts/bauhausc_light.woff') format('woff'),
         url('../fonts/bauhausc_light.ttf') format('truetype'),
         url('../fonts/bauhausc_light.svg#BauhausCLightRegular') format('svg');
}

@font-face {
    font-family: 'MyriadProBold';
    src: url('../fonts/myriadpro-bold.eot');
    src: url('../fonts/myriadpro-bold.eot') format('embedded-opentype'),
         url('../fonts/myriadpro-bold.woff') format('woff'),
         url('../fonts/myriadpro-bold.ttf') format('truetype'),
         url('../fonts/myriadpro-bold.svg#MyriadProBold') format('svg');
}

.hide {
	display: none;
}

.wrap {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

#wrapper {
	max-width: 1920px;
	margin: 0 auto;
	width: 100%;
	min-height: 500px;
}

	header {
		border-bottom: 2px solid #B3B3B3;
		margin: 0 auto;
		padding: 0 0 7px 0;
		width: 1000px;
	}
	
		.logo {
			margin: 11px 0 0 36px;
			width: 215px;
			display: inline-block;
			vertical-align: top;
		}
		
			.logo a {
				display: block;
				background: url(../image/logo-icons.jpg) no-repeat;
				height: 62px;
			}
			
		.nav {
			display: inline-block;
			vertical-align: top;
			padding: 54px 0 0 60px;
		}
		
			.nav li {
				display: inline-block;
				vertical-align: top;
				margin: 0 0 0 10px;
				position: relative;
			}	
			
				.nav li a {
					color: #221E1F;
					font-size: 15px;
					padding: 9px 24px 9px 24px;
					border-radius: 5px 5px 0 0;
					-ms-border-radius: 5px 5px 0 0;
					text-decoration: none;
					border-left: 2px solid transparent;
					border-top: 2px solid transparent;
					border-right: 2px solid transparent;
				}
				
					.nav li a:hover {
						background: #ffffff;
						border-left: 2px solid #B3B3B3;
						border-top: 2px solid #B3B3B3;
						border-right: 2px solid #B3B3B3;
						border-bottom: 2px solid #ffffff;
					}
					
					.nav li a.active {
						background: #ffffff;
						border-left: 2px solid #B3B3B3;
						border-top: 2px solid #B3B3B3;
						border-right: 2px solid #B3B3B3;
						border-bottom: 2px solid #ffffff;
					}
					
				.drop_block {
					position: absolute;
					border-left: 2px solid #B3B3B3;
					border-bottom: 2px solid #B3B3B3;
					border-right: 2px solid #B3B3B3;
					border-radius: 0 0 5px 5px;
					box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3);
					padding: 15px;
					background: #ffffff;
					font-size: 13px;
					color: #666666;
					width: 680px;
					top: 28px;
					line-height: 1.2;
					opacity: 0;
					display: none;
					
					transition: all 0.3s ease;
					-webkit-transition: all 0.3s ease;
					-moz-transition: all 0.3s ease;
					-o-transition: all 0.3s ease;
				}
				
					.drop_img {
						margin: 0 20px 0 0;
						float: left;
						width: 82px;
						height: 82px;
						vertical-align: top;
						background: url(../image/logo-icons.jpg) -217px 0 no-repeat;
					}
					
					.nav li:hover .drop_block {
						opacity: 1;
						display: block;
						z-index: 22;
					}
					
					.nav li .drop_block.sd {
						width: 530px;
					}
						
						.nav li .drop_block.sd .drop_img {
							background: url(../image/logo-icons.jpg) -299px 0 no-repeat;
						}
						
					.nav li .drop_block.tt {
						width: 610px;
						left: -250px;
					}
					
						.nav li .drop_block.tt .drop_img {
							background: url(../image/logo-icons.jpg) -381px 0 no-repeat;
						}
					
					.nav li .drop_block.fn{
						width: 535px;
						left: -270px;
					}
						
						.nav li .drop_block.fn .drop_img {
							background: url(../image/logo-icons.jpg) -463px 0 no-repeat;
						}
						
					.nav li .drop_block.ffn {
						width: 940px;
						right: 0;
					}
					
						.nav li .drop_block.ffn .drop_img {
							background: url(../image/logo-icons.jpg) -545px 0 no-repeat;
						}
					
					.nav li .drop_block a {
						padding: 0;
						border: none;
						font-size: 13px;
						color: #666666;
					}
					
						.nav li .drop_block .footer_block {
							width: auto;
							padding: 0 8px 0 7px;
						}
	content {}

		.slogan {
			color: #B3B3B3;
			font-size: 12px;
			margin: 7px 0 0 38px;
		}
		
		.caption {
			color: #000000;
			font-size: 25px;
			padding: 40px 0 30px 0;
			text-align: center;
			font-family: 'BauhausCLightRegular';
		}
		
		.item {
			position: relative;
			min-height: 550px;
		}
		
			.detal {
				height: auto;
				padding: 4px 40px 6px 14px;
				border-radius: 5px;
				-ms-border-radius: 5px;
				behavior: url("border-radius.htc");
				border: 2px solid #B3B3B3;
				color: #000000;
				font-size: 15px;
				text-decoration: none;
				display: block;
				position: relative;
				position: absolute;
				right: 50px;
				bottom: 125px;
				background: #ffffff;
				display: block;
				cursor: pointer;
				font-family: 'MyriadProRegular';
				text-align: left;
				line-height: 1.1;
				z-index: 1000;
			}
			
				.detal:after {
					content: "";
					position: absolute;
					top: 14px;
					right: 14px;
					width: 14px;
					height: 14px;
					border-top: 2px solid #B3B3B3;
					border-right: 2px solid #B3B3B3;
					
					transition: all 0.3s ease;
					-webkit-transition: all 0.3s ease;
					-moz-transition: all 0.3s ease;
					-o-transition: all 0.3s ease;
					
					transform: rotate(45deg);
					-webkit-transform: rotate(45deg);
					-o-transform: rotate(45deg);
					-moz-transform: rotate(45deg);
				}
				
				.detal:hover:after {
					right: 8px;
				}
				
	footer {
		border-top: 2px solid #B3B3B3;
		padding: 15px 0 25px 0;
	}
		
		.wrap_footer {
			padding: 15px 0 20px 0;
			background: #F2F2F2;
		}
		
		.footer_block {
			display: inline-block;
			vertical-align: top;
			width: 187px;
			font-size: 13px;
			color: #666666;
			line-height: 1.2;
		}
		
			.footer_block a {
				color: #666666;
				text-decoration: none;
			}
		
			.footer_block a:hover {
				color: #000 !important;
				text-decoration: underline;
			}
			
			.footer_block.f16 {
				color: #000000;
				font-size: 16px;
				width: 200px;
				margin: 0 10px 0 25px;
			}
			
			.footer_block ul {}
			
				.footer_block ul li {
					list-style-type: circle;
					list-style-position: inside;
					margin: 5px 0;
				}
				
			.lang {
				font-family: 'MyriadProBold';
				color: #000000;
			}