@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'DINCondLight';
    src: url('fonts/DINCondLight.eot');
    src: url('fonts/DINCondLight.eot') format('embedded-opentype'),
         url('fonts/DINCondLight.woff2') format('woff2'),
         url('fonts/DINCondLight.woff') format('woff'),
         url('fonts/DINCondLight.ttf') format('truetype'),
         url('fonts/DINCondLight.svg#DINCondLight') format('svg');
}
@font-face {
    font-family: 'DINMedium';
    src: url('fonts/DINMedium.eot');
    src: url('fonts/DINMedium.eot') format('embedded-opentype'),
         url('fonts/DINMedium.woff2') format('woff2'),
         url('fonts/DINMedium.woff') format('woff'),
         url('fonts/DINMedium.ttf') format('truetype'),
         url('fonts/DINMedium.svg#DINMedium') format('svg');
}
html { overflow-y:scroll; }
body { background:#FFF; font-size:12px; line-height:20px; -webkit-text-size-adjust:100%; }
body, input, textarea, select { color:#808080; font-family:"Microsoft YaHei",sans-serif; }
body, h1, h2, h3, p, ul, dl, dd, form, textarea, input, ol { margin:0; }
ul, ol, td, th { padding:0; list-style:none outside; }
a { color:#231F20; text-decoration:none; -webkit-tap-highlight-color:transparent; }
i, strong, em { font-style:normal; font-weight:normal; }
a:focus, input, textarea, select { outline:none; }
textarea { overflow:auto; resize:none; }
input, textarea, select { font-size:100%; }
img { border:0; vertical-align:middle; }
table { border-collapse:collapse; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button,
input[type=submit], input[type=reset], input[type=number], input[type=tel],
input[type=text], input[type=password], button, textarea { -webkit-appearance: none !important; margin: 0; }
input[type=number] { -moz-appearance:textfield; }
input, textarea, button { border-radius:0; }

.animate { transition:all 0.3s; -webkit-transition:all 0.3s; }
.clear:after { display:block; clear:both; content:''; visibility:hidden; height:0; }.clear { zoom:1; }
.breakall { word-break:break-all; word-wrap:break-word; }
.float-left { float:left; display:inline; } .float-right { float:right; display:inline; }
.justify { text-align:justify; text-justify:inter-ideograph; }
.nowrap { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.noright { margin-right:0!important; padding-right:0!important; }
.noborder { border:none!important; }

.loading svg { position:absolute; left:50%; top:50%; margin:-20px 0 0 -20px; z-index:5; }
	.loading svg path, .loading svg rect{ fill:#000; }
.jspContainer { overflow:hidden; position:relative; }
	.jspPane { position:absolute; }
	.jspVerticalBar { position:absolute; top:0; right:0; width:0; height:100%; }
		.jspCap { display:none; }
		.jspTrack { background:none; position:relative; }
			.jspDrag { background:url(../image/blank.gif); border-left:1px solid #333; position:relative; top:0; left:0; cursor:pointer; }
		.jspArrow { background:#50506d; text-indent:-20000px; display:block; cursor:pointer; padding:0; margin:0; }
		.jspArrow.jspDisabled { cursor:default; background:#80808d; }
			.jspVerticalBar .jspArrow { height:16px; }
	.jspHorizontalBar { position:absolute; bottom:0; left:0; width:100%; height:0; }
		.jspHorizontalBar .jspCap { float:left; }
			.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float:left; height:100%; }
		.jspCorner { background:none; float:left; height:100%; }
		.jspHorizontalBar .jspArrow { width:16px; float:left; height:100%; }
.flexslider { position:relative; margin:auto; }
	.flexslider .slides li { display:none; }
	.flex-prev, .flex-next { width:56px; height:56px; text-indent:-9999px; overflow:hidden; background:url(../image/blank.gif); position:absolute; top:50%; left:29px; margin-top:-28px; z-index:15; }
	.flex-next { background-position:100% 0; left:auto; right:29px; }
	.flex-control-nav { position:absolute; left:0; bottom:18px; height:13px; overflow:hidden; width:100%; text-align:center; z-index:15; }
		.flex-control-nav li { display:inline-block; vertical-align:top; margin:0 3px; width:14px; height:13px; }
			.flex-control-nav a { display:block; height:13px; overflow:hidden; background:url(../image/blank.gif); text-indent:-9999px; }
			.flex-control-nav a.active { background-position:-14px 0; }
.logo { position:absolute; left:50%; top:50%; margin:-106px 0 0 -106px; }
.copy { position:absolute; width:100%; text-align:center; left:0; bottom:68px; }
.cooy a {color:#CCC;}
.content { position:absolute; left:50%; top:50%; width:670px; height:670px; overflow:hidden; margin:-335px 0 0 -335px; }
	.index-items, .index-item0, .pro-items { position:absolute; width:212px; height:212px; overflow:hidden; display:none; }
		.pro-items { background-color:#EEE; }
		.index-item1, .pro-item1 { left:0; top:0; }
		.index-item2, .pro-item2 { left:229px; top:0; }
		.index-item3, .pro-item3 { left:458px; top:0; }
		.index-item4, .pro-item4 { left:0; top:229px; }
		.index-item5, .pro-item5 { left:458px; top:229px; }
		.index-item6, .pro-item6 { left:0; top:458px; }
		.index-item7, .pro-item7 { left:229px; top:458px; }
		.index-item8, .pro-item8 { left:458px; top:458px; }
	.pro-items { display:block; }
		.pro-items a { position:absolute; left:0; top:0; display:none; }
	.index-items img, .pro-animate a, .pro-items a span, .thumb img { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
		.index-items:hover img { transform:scale(1.15); -webkit-transform:scale(1.15); }
	.navigation { display:block; background-color:#FFF; width:210px; height:210px; left:229px; top:229px; font-size:14px; border-left:2px solid #C90007; border-top:2px solid #C90007; }
		.navigation li { border-bottom:2px solid #C90007; border-right:2px solid #C90007; width:66px; height:66px; padding:1px; float:left; }
			.navigation a { transition:all 0.3s; display:block; text-align:center; padding-top:14px; height:52px; }
				.navigation em { font-family:DINCondLight; display:block; padding-top:1px; }
				.navigation img { margin-top:-14px; }
			.navigation a:hover { background-color:#C90007; color:#FFF; }
	.static { position:relative; left:0; top:0; margin:80px auto 17px; }
.back { width:26px; height:26px; position:absolute; left:50%; margin:0 0 0 -335px; background:url(../image/back.gif); }
	.back:hover { background-position:-26px 0; }
.words { line-height:23px; font-size:14px; }
	.words h1 { font-size:14px; color:#383838; }
	.words img { max-width:100%; margin-top:18px; }
	.words_en { font-size:12px; }
		.contact .words_en { margin:24px 0 26px; }
.page_prev, .page_next, .page_prev2, .page_next2 { display:none; width:36px; height:22px; position:absolute; left:50%; margin:0 0 0 -423px; background:url(../image/arrow1.gif); }
	.page_prev:hover { background-position:-36px 0; }
.page_next { background-position:0 -22px; margin-left:387px; }
	.page_next:hover { background-position:-36px -22px; }
.page_prev2, .page_next2 { width:22px; height:36px; margin-left:-421px; background-image:url(../image/arrow2.gif); }
	.page_prev2:hover { background-position:-22px 0; }
.page_next2 { background-position:0 -36px; margin-left:399px; }
	.page_next2:hover { background-position:-22px -36px; }
.pagination { display:none; position:absolute; width:100%; text-align:center; left:0; }
	.pagination a { width:12px; height:12px; display:inline-block; margin:0 6px; vertical-align:top; background:url(../image/arrow2.gif) no-repeat 0 -72px; }
	.pagination a.active, .pagination a:hover { background-position:-12px -72px; }
.pro-list { position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; font-size:18px; }
	.pro-list a span { position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(35,31,32,0.5); color:#FFF; }
		.pro-list table { width:100%; height:100%; }
			.pro-list td { vertical-align:middle; padding:1px 16px 0; }
				.pro-list em { font-family:Calibri; display:block; padding:1px 0 0; }
	.pro-list a:hover span { background-color:transparent; }
.list .pro-items { font-size:16px; line-height:19px; }
	.list .pro-items a span { opacity:0; filter:alpha(opacity=0); }
		.list .pro-items em { padding:7px 0 0; }
	.list .pro-items a:hover span { opacity:1; filter:alpha(opacity=100); background-color:rgba(35,31,32,0.5); }
.thumb { position:absolute; bottom:0; width:100%; }
	.thumb li { float:left; margin-right:8px; }
		.thumb img { width:105px; height:105px; filter:grayscale(1); -webkit-filter:grayscale(1); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
		.thumb a:hover img, .thumb li.current img { filter:none; -webkit-filter:none; }
.detail_words { position:absolute; font-family:Calibri, Microsoft YaHei, sans-serif; width:100%; height:670px; left:0; line-height:23px; font-size:14px; }
	.detail_words h1 { font-size:16px; color:#383838; margin-bottom:17px; }
		.detail_words h1 em { display:block; padding-top:5px; }
	.detail_words img { max-width:670px; }
.bigimage { position:relative; width:100%; height:548px; overflow:hidden; }
	.bigimage img { position:absolute; bottom:0; }
	.hiddenImg { visibility:hidden; left:0; position:absolute; }
.layer_white { background-color:#FFF; position:fixed; left:0; top:0; width:100%; height:100%; z-index:99; }
.dw_withimg { height:552px; }