@charset "utf-8";

body { color: #fff; background:#000; }
a { color:#fff; }

.loading {}
.loading en { display:block; }
.loading span { display:block; }

.logo { height:auto; font-size:22px; }
/* .logo span { display:block; width:500px; margin:0 auto; }
.logo span img { width:100%; max-width:100%; } */

.catname { height:40px; line-height:40px; text-align:center; background:#000000; font-size:22px; font-family:"Microsoft Yahei", "Tahoma"; display:none; }

.menubar { position:fixed; top:0; left:0; z-index:88; width:100%; padding:30px 0; line-height:40px; font-size:14px; }
.menubar .cur { transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s; -moz-transition:all 0.2s; }
.menubar a:hover,
.menubar a.current { text-decoration:none; text-shadow:0 0 4px #fff; transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s; -moz-transition:all 0.2s;  }
.menubar em { color:#5B5B5B; }
.fixed.cur { color:#5E5D62; }
.fixed.cur a { color:#5E5D62; }
.fixed.cur a:hover,
.fixed.cur a.current { color:#fff; }

.nav { text-align:center; font-family:"Microsoft Yahei","HelveticaNeueLTStdMd"; }
.nav em { margin:0 40px; font-size:16px; }

.navbtn { cursor:pointer; margin:0 auto; background:url(homepage_navbtn.png) no-repeat center; width:54px; height:24px; padding:8px 0; display:none; }

.lang { position:fixed; top:30px; right:40px; z-index:88; text-align:center; font-size:14px; line-height:40px; font-family:"framd"; }
.lang a:hover,
.lang a.current { text-decoration:none; text-shadow:0 0 4px #fff; }
.lang em { margin:0 10px; font-size:16px; }

.share { position:fixed; }

.pager { position:absolute; bottom:0; left:0; z-index:88; width:100%; text-align:center; font-family:"framd"; font-size:14px; }
.pager .line { overflow:hidden; background:#89898A; width:75px; margin:0 auto; height:1px; margin-bottom:30px; }
.pager .pageNum { height:30px; font-weight:normal; line-height:30px; }
.pager .pageNum em { margin:0 10px; }
.pager .pageBtn  .pageUp { height:18px; margin-bottom:20px; }
.pager .pageBtn  .pageDown { height:18px; margin:33px 0 66px; }
.pager .pageBtn a { display:block; margin:0 auto; background-size:100% 100%; width:21px; height:18px; }
.pager .pageBtn  .pageUp a { background:url(pageUp.png) no-repeat center; }
.pager .pageBtn  .pageDown a { background:url(pageDown.png) no-repeat center; }
.pager .pageBtn  .pageUp a:hover { background:url(pageUp_hover.png) no-repeat center; }
.pager .pageBtn  .pageDown a:hover { background:url(pageDown_hover.png) no-repeat center; }

#fullPage-nav { font-family:"Microsoft Yahei","HelveticaNeueLTStdMd"; }
#fullPage-nav.right { right:40px; }
#fullPage-nav li { width:200px; height:14px; margin:15px 0; }
#fullPage-nav li a { float:right; width:14px; height:14px; }
#fullPage-nav li span { border:0; top:0; right:0; background:#919192; width:14px; height:14px; }
#fullPage-nav li a.active span { background:#fff; }

.fullPage-tooltip { font-family:"Microsoft Yahei","arial"; }

.section { text-align: center; background-size:cover; }
.section .wrap { width:96%; padding:0 2%; }
.section1 { background:url(banner_1.jpg) no-repeat center; }
.section5 { background:url(banner_6.jpg) no-repeat center; }
.section2 { background:url(banner_2.jpg) no-repeat center; }
.section3 { background:url(banner_3.jpg) no-repeat center; }
.section6 { background:url(banner_7.jpg) no-repeat center; }
.section4 { background:url(banner_4.jpg) no-repeat center; }
.section4 .line { display:none; }

.txtSlide {}
.txtSlide .txt li { line-height:24px; font-size:16px; font-family:"Microsoft Yahei"; }
.txtSlide .txtInt { padding:25px 0; }
.txtSlide .txtInt ul { text-align:center; }
.txtSlide .txtInt ul li { display:inline-block; width:7px; height:7px; line-height:7px; border-radius:7px; font-size:0px; background:#fff; color:#fff; margin:0px 3px; *display:inline; *zoom:1; -webkit-text-indent:-999em; }
.txtSlide .txtInt ul li.on { width:11px; height:11px; line-height:11px; border-radius:11px; cursor:pointer; }

.article1 {}
.article1 h2 { font-family:"宋体", "STKaiti", "Microsoft Yahei","HelveticaNeueLTStdMdEx"; font-weight:normal; font-weight:bold; font-size:20px; line-height:24px; }
.article1 p { font-family:"arial"; line-height:24px; font-size:16px; }
.article1 p span { font-family:"Microsoft Yahei"; }

.article5 {}
.article5 h2 { font-family:"Microsoft Yahei","HelveticaNeueLTStdMdEx"; font-weight:normal; font-size:20px; line-height:40px; }
.article5 p { font-family:"arial"; line-height:24px; }
.article5 p span { font-family:"Microsoft Yahei"; }

.article2 {}
.article2 h2 { font-family:"Microsoft Yahei","HelveticaNeueLTStdMdEx"; font-weight:normal; font-size:20px; line-height:40px; }
.article2 h3 { font-family:"Microsoft Yahei","HelveticaNeueLTStdMdEx"; font-weight:normal; font-size:16px; line-height:24px; }
.article2 p { font-family:"Microsoft Yahei"; line-height:24px; font-size:16px; }

.article3 {}
.article3 h2 { font-family:"Microsoft Yahei","HelveticaNeueLTStdMdEx"; font-weight:normal; font-size:20px; line-height:40px; }
.article3 h3 { font-family:"Microsoft Yahei","HelveticaNeueLTStdMdEx"; font-weight:normal; font-size:16px; line-height:24px; }
.article3 p { font-family:"arial"; font-size:16px; line-height:24px; }
.article3 p span { font-family:"Microsoft Yahei"; }

.article6 {}
.article6 h2 { font-family:"Microsoft Yahei","HelveticaNeueLTStdMdEx"; font-weight:normal; font-size:20px; line-height:40px; }
.article6 h3 { font-family:"Microsoft Yahei","HelveticaNeueLTStdMdEx"; font-weight:normal; font-size:16px; line-height:24px; }
.article6 p { font-family:"arial"; font-size:16px; line-height:24px; }
.article6 p span { font-family:"Microsoft Yahei"; }

.article4 {}
.article4 h2 { font-family:"Microsoft Yahei","HelveticaNeueLTStdMdEx"; font-weight:normal; font-size:20px; line-height:40px; }
.article4 h3 { font-family:"Microsoft Yahei","HelveticaNeueLTStdMdEx"; font-weight:normal; font-size:16px; line-height:24px; }
.article4 p { font-family:"arial"; font-size:16px; line-height:24px; }
.article4 p span { margin-right:20px; }
.article4 p em { margin-left:15px; }
.article4 p img { vertical-align:middle; }

.picTxt { width:750px; }
.picTxt .picItem { width:25%; }
.picTxt .item { background:url(homepage_shadow.png) repeat center; width:177px; }
.picTxt .pic { /*height:114px;*/ }
.picTxt .txt { height:56px; margin:20px 14px 15px; overflow:hidden; }
.picTxt .txt h2 { line-height:18px; font-size:16px; padding-bottom:4px; }
.picTxt .txt p { line-height:16px; font-size:14px; }

.btn {}
.btn a { display:inline-block; font-family:"Tahoma"; color:#09090a; height:24px; line-height:24px; padding:0 34px; font-size:12px; border:1px solid #fff; background:#fff; transition:all 0.3s; }
.btn a span { font-family:"Microsoft Yahei"; }
.btn a:hover { text-decoration:none; background:none; border:1px solid #fff; color:#fff; transition:all 0.3s; }

/*动画*/
.article1 { transform: translate(0,200px); -webkit-transform: translate(0,200px); -o-transform: translate(0,200px); -moz-transform: translate(0,200px); opacity:0; }
.article2 { transform: translate(0,200px); -webkit-transform: translate(0,200px); -o-transform: translate(0,200px); -moz-transform: translate(0,200px); opacity:0; }
.article3 { transform: translate(0,200px); -webkit-transform: translate(0,200px); -o-transform: translate(0,200px); -moz-transform: translate(0,200px); opacity:0; }
.article6 { transform: translate(0,200px); -webkit-transform: translate(0,200px); -o-transform: translate(0,200px); -moz-transform: translate(0,200px); opacity:0; }
.article4 { transform: translate(0,200px); -webkit-transform: translate(0,200px); -o-transform: translate(0,200px); -moz-transform: translate(0,200px); opacity:0; }
.article5 { transform: translate(0,200px); -webkit-transform: translate(0,200px); -o-transform: translate(0,200px); -moz-transform: translate(0,200px); opacity:0; }
.txtSlide { transform: translate(0,200px); -webkit-transform: translate(0,200px); -o-transform: translate(0,200px); -moz-transform: translate(0,200px); opacity:0; }
.int { transform: translate(0,200px); -webkit-transform: translate(0,200px); -o-transform: translate(0,200px); -moz-transform: translate(0,200px); opacity:0; }
.picTxt { transform: translate(0,200px); -webkit-transform: translate(0,200px); -o-transform: translate(0,200px); -moz-transform: translate(0,200px); opacity:0; }
.logo { transform: translate(0,200px); -webkit-transform: translate(0,200px); -o-transform: translate(0,200px); -moz-transform: translate(0,200px); opacity:0; }
.btn { transform: translate(0,200px); -webkit-transform: translate(0,200px); -o-transform: translate(0,200px); -moz-transform: translate(0,200px); opacity:0; }
.pager { transform: translate(0,200px); -webkit-transform: translate(0,200px); -o-transform: translate(0,200px); -moz-transform: translate(0,200px); opacity:0; }
.menubar { transform: translate(0,-100px); -webkit-transform: translate(0,-100px); -o-transform: translate(0,-100px); -moz-transform: translate(0,-100px); opacity:0; }
.lang { transform: translate(200px,0); -webkit-transform: translate(200px,0); -o-transform: translate(200px,0); -moz-transform: translate(200px,0); opacity:0; }
.share { transform: translate(200px,0); -webkit-transform: translate(200px,0); -o-transform: translate(200px,0); -moz-transform: translate(200px,0); opacity:0; }
#fullPage-nav.right { transform: translate(200px,0); -webkit-transform: translate(200px,0); -o-transform: translate(200px,0); -moz-transform: translate(200px,0); opacity:0; }
.animate3 { transform: translate(0,0); -webkit-transform: translate(0,0); -o-transform: translate(0,0); -moz-transform: translate(0,0); opacity:1; transition:all 1s; -webkit-transition:all 1s; -o-transition:all 1s; -moz-transition:all 1s; }
#fullPage-nav.animate3 { transform: translate(0,0); -webkit-transform: translate(0,0); -o-transform: translate(0,0); -moz-transform: translate(0,0); opacity:1; transition:all 1s; -webkit-transition:all 1s; -o-transition:all 1s; -moz-transition:all 1s; }

.nav { transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s; -moz-transition:all 0.2s; }
.animatenav { transform: translate(0,-100px); -webkit-transform: translate(0,-100px); -o-transform: translate(0,-100px); -moz-transform: translate(0,-100px); transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s; -moz-transition:all 0.2s; }

.pager a { animation: pager2 1s linear 1s infinite; -webkit-animation: pager2 1s linear 1s infinite; -o-animation: pager2 1s linear 1s infinite; -moz-animation: pager2 1s linear 1s infinite; }
.pager a:hover { animation: pager2 1s linear 1s infinite; -webkit-animation: pager2 1s linear 1s infinite; -o-animation: pager2 1s linear 1s infinite; -moz-animation: pager2 1s linear 1s infinite; }
@keyframes pager2
{
0%   { transform: translate(0,0); -webkit-transform: translate(0,0); -o-transform: translate(0,0); -moz-transform: translate(0,0); }
50%  { transform: translate(0,8px); -webkit-transform: translate(0,8px); -o-transform: translate(0,8px); -moz-transform: translate(0,8px); }
100% { transform: translate(0,0); -webkit-transform: translate(0,0); -o-transform: translate(0,0); -moz-transform: translate(0,0); }
}
@-moz-keyframes pager2 /* Firefox */
{
0%   { transform: translate(0,0); -webkit-transform: translate(0,0); -o-transform: translate(0,0); -moz-transform: translate(0,0); }
50%  { transform: translate(0,8px); -webkit-transform: translate(0,8px); -o-transform: translate(0,8px); -moz-transform: translate(0,8px); }
100% { transform: translate(0,0); -webkit-transform: translate(0,0); -o-transform: translate(0,0); -moz-transform: translate(0,0); }
}
@-webkit-keyframes pager2 /* Safari 和 Chrome */
{
0%   { transform: translate(0,0); -webkit-transform: translate(0,0); -o-transform: translate(0,0); -moz-transform: translate(0,0); }
50%  { transform: translate(0,8px); -webkit-transform: translate(0,8px); -o-transform: translate(0,8px); -moz-transform: translate(0,8px); }
100% { transform: translate(0,0); -webkit-transform: translate(0,0); -o-transform: translate(0,0); -moz-transform: translate(0,0); }
}
@-o-keyframes pager2 /* Opera */
{
0%   { transform: translate(0,0); -webkit-transform: translate(0,0); -o-transform: translate(0,0); -moz-transform: translate(0,0); }
50%  { transform: translate(0,8px); -webkit-transform: translate(0,8px); -o-transform: translate(0,8px); -moz-transform: translate(0,8px); }
100% { transform: translate(0,0); -webkit-transform: translate(0,0); -o-transform: translate(0,0); -moz-transform: translate(0,0); }
}


@media screen and (max-width:1440px) and (min-width:1367px) {

	.menubar { padding:25px 0; }

	.lang { top:25px; }
	
	.pager .line { margin-bottom:20px; }
	.pager .pageNum { height:20px; line-height:20px; }
	.pager .pageBtn  .pageDown { margin:20px 0 50px; }
	
	
}

@media screen and (max-width:1366px) and (min-width:1280px) {

	.menubar { padding:20px 0; }
	.navbtn { width:44px; height:20px; }

	.lang { top:20px; }

	.pager .line { margin-bottom:10px; }
	.pager .pageNum { height:20px; line-height:20px; }
	.pager .pageBtn  .pageDown { margin:15px 0 25px; }

	
}

@media screen and (max-width:1280px) and (min-width:768px) {

	.menubar { padding:10px 0; }
	.navbtn { width:44px; height:20px; }
	
	.share { bottom:15px; }

	.lang { top:10px; }

	.pager .line { margin-bottom:10px; }
	.pager .pageNum { height:20px; line-height:20px; }
	.pager .pageBtn  .pageDown { margin:15px 0 25px; }

}

@media screen and (max-width:980px) and (min-width:768px) {
	.nav em { margin:0 20px; }
}

@media screen and (max-width:768px) {

	.menubar { display:none; }
	.lang { display:none; }
	.logo { padding-bottom:20px; }
	.logo span { width:90%; display:block; margin:0 auto; }
	.catname { position:absolute; top:0; left:0; width:100%; display:block; }
	
	.section4 .line { display:block; }

	.txtSlide .sp45 { height:10px; }
	.txtSlide .txt li { font-size:14px; font-weight:normal; }
	
	.pager { font-size:12px; padding-bottom:10px; }
	.pager .line { margin-bottom:10px; }
	.pager .pageNum { height:20px; line-height:20px; }
	.pager .pageNum em { margin:0 10px; }
	.pager .pageBtn { display:none; }

	#fullPage-nav { display:none; }

	.int { text-align:center; padding:30px 0; }
	.int a { display:inline-block; width:12px; height:12px; border-radius:12px; margin:0 7px; background:#919192; }
	.int a:hover, .int a.cur { background:#fff; text-decoration:none; }
	

	.article1 h2 { display:none; }
	.article1 p { font-size:14px; line-height:16px; }

	.article2 h2 { display:none; }
	.article2 h3 { font-size:14px; line-height:14px; }

	.article3 h2 { display:none; }
	.article3 h3 { font-size:14px; line-height:16px; }
	.article3 p { font-size:14px; line-height:16px; }
	
	.article6 h2 { display:none; }
	.article6 h3 { font-size:14px; line-height:16px; }
	.article6 p { font-size:14px; line-height:16px; }

	.article4 h2 { display:none; }
	.article4 h3 { font-size:14px; line-height:16px; }
	.article4 p { font-size:14px; line-height:18px; }
	.article4 p span { margin-right:20px; display:block; }
	.article4 p em { margin-left:15px; }
	
	.article5 h2 { display:none; }
	.article5 h3 { font-size:14px; line-height:16px; }
	.article5 p { font-size:14px; line-height:18px; }

	.picTxt { width:100%; }
	.picTxt .picItem { width:50%; }
	.picTxt .item { position:relative; margin-bottom:0; background:url(homepage_shadow.png) repeat center; width:100%; }
	.picTxt .pic { /*height:114px;*/ }
	.picTxt .txt { position:absolute; top:0; left:0; width:90%; height:90%; margin:0; padding:5% 5% 0; background:url(homepage_shadow.png) repeat center; }

	.btn a { height:20px; line-height:20px; padding:0 15px; }
}