@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars  "Microsoft YaHei New","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif;*/
body { font: 12px/1.8 "aaargh"; margin: 0 auto; color: #989898; background-color: #fff; _background-attachment:fixed; 
_background-image:url(about:blank);}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select { vertical-align: middle; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; padding:0;}
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] ,select{ -webkit-appearance: none; border-radius: 0;}
textarea { -webkit-appearance: none; border-radius: 0; background:none; outline:none; padding:0; margin:0; border:none;}
::-moz-selection { background: #f7a300; color: #fff; text-shadow: none; }
::selection { background: #f7a300; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none;}
a:active, a:hover { text-decoration: none;}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }


.wrapper { position:relative; top: 0; left: 0; width:100%; height:100%; }
.wrapper .page { position: relative; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: opacity 0.8s 0ms cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: opacity 0.8s 0ms cubic-bezier(0.445, 0.145, 0.355, 1);}


/*.banner-box{ position:relative;}
.banner{ position:relative;}
.bannlist li {z-index: 4 !important;opacity: 1 !important; -webkit-animation: decreaseHeight 1.2s forwards; animation: decreaseHeight 1.2s forwards; overflow:hidden; z-index:1\9 !important;}
.bannlist li figure{ display:block; position:relative; left:0; top:0; width:100%; overflow:hidden;}
.bannlist li figure .bimg{ display:block; width:100%; height:auto; position:relative;}
.bannlist li.flex-active-slide{ -webkit-animation: show 1.2s forwards; animation: show 1.2s forwards; z-index:3 !important;}*/


.flex-nav-prev{left: 0px;width: 50px;height: 50px;background: crimson;position: absolute;top:48%;opacity: 0;transform: translateX(50px);visibility: hidden;transition: all 0.6s ease;z-index: 999;}
.flex-nav-prev .flex-prev{width: 50px;line-height: 50px;text-align: center;color: white;font-size: 16px;display: block;}
.banner:hover .flex-nav-prev{opacity: 1;transform: translateX(0px);visibility: visible;}
.flex-nav-next{right: 0px;width: 50px;height: 50px;background: crimson;position: absolute;top: 48%;opacity: 0;transform: translateX(-50px);visibility: hidden;transition: all 0.6s ease;z-index: 999;}

.flex-nav-next .flex-next{width: 50px;line-height: 50px;text-align: center;color: white;font-size: 16px;display: block;}
.banner:hover .flex-nav-next{opacity: 1;transform: translateX(0px);visibility: visible;}

/*banner*/
.banner { width: 100%; margin: 0px auto; overflow: hidden; color: #fff; background-color:#969696; position: relative;}
.banner .slides{ position:relative; z-index:20;}
.banner .slides li{ -webkit-transition:opacity 1s cubic-bezier(.165, .74, .44, 1);transition:opacity 1s cubic-bezier(.165, .74, .44, 1);}
.banner .slides .bimg{ -webkit-transition:all 1s cubic-bezier(.165, .74, .44, 1);transition:all 1s cubic-bezier(.165, .74, .44, 1);}
.banner .slides li.sc-b-c .bimg{ transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0;}
.banner .slides li img{ display:block; width:100%; position:relative; height:auto;}
.banner .slides li.sc-b-c .bimg{ opacity: 0;}
.banner .bimg { width: 100%; display: block; }
.bannerText{ position:absolute; left:50%; height:254px; margin-left:-550px; top:50%; margin-top:-127px; z-index:200;}
.bann{ width:100%; height:100%; position:relative;}
.banne-list{ position:relative; height:100%;}
.banne-list li{ opacity:0; transform:translateY(30px); -webkit-transform:translateY(30px); -moz-transform:translateY(30px); transition:600ms 200ms;  position:absolute; left:0; top:0; width:100%; height:100%; visibility:hidden;}
.banne-list h3{ color:#323232; margin-bottom:60px; font-size:48px; line-height:normal; visibility:hidden; opacity:0; text-align:center;} 
.banne-list small{ width:600px; margin:auto; position:relative; visibility:hidden; opacity:0; text-align:center; color:#e14303; display:block; margin-top:6px; font-size:14px; font-family:"Verdana"; text-transform:uppercase; line-height:1.8;}
.banne-list b{ display:block; color:#e14303; font-size:90px; visibility:hidden; opacity:0; font-weight:normal; margin-top:54px; line-height:normal; margin:auto; font-family:"space_ageregular"; text-align:center; letter-spacing:60px;}
.banne-list a{ display:block; width:148px; height:40px; position:relative; visibility:hidden; overflow:hidden; opacity:0; text-align:center; background:#ffffff; position:absolute; left:50%; margin-left:-75px; bottom:0;}
.banne-list a i{ display:block; position:relative; z-index:5; width:100%; line-height:40px; font-style:normal; color:#323232; transition:540ms;}
.banne-list a:hover{ border-color:#b4050a; background:#b4050a;}
.banne-list a:hover i{ color:#fff;}
.banne-list a:hover:before{ top:0;}

.banne-list li.on{ opacity:1; visibility:visible; transform:translateY(0); }
.banne-list li.on h3{ visibility:visible; opacity:1;}
.banne-list li.on small{ opacity:1; visibility:visible;}
.banne-list li.on b{ opacity:1; visibility:visible;}
.banne-list li.on a{ opacity:1; visibility:visible;}
/*.bamnline{ position:absolute; left:3.5%; top:88px; width:93%; height:1px; background:#cdcdcd;}*/
/*.bamnline span{ display:block; width:0; height:1px; background:#e14303;}
.bamnline.load span{ width:100%; transition:5s linear; -webkit-transition:5s linear; -moz-transition:5s linear; }*/

@keyframes moveDownSpot {
	from{
		opacity: 1;
		top: 5px;
	}
	to{
		opacity: 0;
		top: 13px;
	}
}

@keyframes scroll_on22 {
	0% { left:0; }
	100% { left:100%; }
}

@keyframes scroll_on2 {
	0% { opacity:0; }
	100% { opacity:1; }
}

@-webkit-keyframes decreaseHeight {
	from { width:100%;} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		width: 0;
	}
}

@keyframes decreaseHeight {
	from { width:100%;} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		width: 0;
	}
}
@-ms-keyframes decreaseHeight {
	from { width:100%;} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		width: 0;
	}
}
@-o-keyframes decreaseHeight {
	from { width:100%;} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		width: 0;
	}
}

@-webkit-keyframes show {
	0% {
		opacity: 0;
	}
	
	1%,100% {
		opacity: 1;
	}
}
@-ms-keyframes show {
	0% {
		opacity: 0;
	}
	
	1%,100% {
		opacity: 1;
	}
}

@keyframes show {
	0% {
		opacity: 0;
	}
	1%,100% {
		opacity: 1;
	}
}




@-webkit-keyframes hide {
	0%,99% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes hide {
	0%,99% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes increaseHeight {
	from {
		width: 0;
	}
	to {
		width: 100%;
	}
}

@keyframes increaseHeight {
	from {
		width: 0;
	}
	to {
		width: 100%;
	}
}	


@keyframes scales {
    0% { transform: scale(0);}
    100% { transform:scale(1); }
}


@-webkit-keyframes ReturnToNormal {
0%{
	-webkit-transform: scale(0.1,1);
	-ms-transform: scale(0.1,1);
	transform: translate: scale(0.1,1);
	}


  100% {
	-webkit-transform: scaleX(1,1);
	-ms-transform: scale(1,1);
	transform: translate: scaleX(1,1);
  }

  
}

@keyframes ReturnToNormal {
0%{
	-webkit-transform: scale(0.1,1);
	-ms-transform: scale(0.1,1);
	transform: translate: scale(0.1,1);
	}


  100% {
	-webkit-transform: scaleX(1,1);
	-ms-transform: scale(1,1);
	transform: translate: scaleX(1,1);
  }
}














@keyframes scroll_on0 {
	0% { opacity:0; filter:blur(0); }
	100% { opacity:1; filter:blur(0); }
}
.introductt.article-block{ opacity:0; opacity:1\9;}
.introductt.articleShow{ animation:scroll_on0 0.75s ease-in-out forwards; -webkit-animation:scroll_on0 0.75s ease-in-out forwards; -ms-animation:scroll_on0 0.75s ease-in-out forwards; -o-animation:scroll_on0 0.75s ease-in-out forwards;}
.introductfix.article-block{ opacity:0; opacity:1\9;}
.introductfix.articleShow{ animation:scroll_on0 0.75s ease-in-out forwards; -moz-animation:scroll_on0 0.75s ease-in-out forwards; -ms-animation:scroll_on0 0.75s ease-in-out forwards; -o-animation:scroll_on0 0.75s ease-in-out forwards;}

@keyframes scroll_on1 {
	0% { opacity:0; transform:scale(1.1); }
	100% { opacity:1; transform:scale(1); }
}