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


* { margin: 0; padding: 0;}
body { font: 16px/1.8 "Microsoft Yahei",verdana;}
a{ text-decoration:none; color:#c6c6c6;}
a:hover{ text-decoration:none; color:#fff;}
.clear{ clear:both}
li{ list-style:none;}

/* 右侧导航 */
#fullPage-nav { _display: none; font-size: 12px;}
#fullPage-nav li { width: 90px; height: 21px; margin: 3px 0 0; vertical-align: middle;}
#fullPage-nav li a { float: right; width: 21px; height: 21px; color: #8F9DA4; text-decoration: none; text-align: right; background: url(/imgs/sites/dot.png) 5px 5px no-repeat;}
#fullPage-nav li .active { background-position: 5px -30px;}
#fullPage-nav span { display: none;}
.fullPage-tooltip { float: left; top: 0; margin-right: 5px; font: 12px "Microsoft Yahei"; color: #8F9DA4; line-height: 21px;}

.section { position: relative; overflow: hidden;}
.section .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.section .bg img { display: block; width: 100%; height: 100%;}
.fullimg{ width:100%; height:auto;}

/* 板块一 */
.section1 .bg{ background:#fff;}
.section1 .bg11{ width:100%; height:auto; position:absolute; top:-100px; left:0; opacity: 0;  transition: all 1s;}
.section1 .bg12{ width:22%; height:auto; position:absolute; top:-16%; left:39%; opacity: 0;  transition: all 1s;}
.section1 .bg13{ width:70%; height:auto; position:absolute; bottom:-50%; left:15%; opacity: 0;  transition: all 1s; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); -moz-transform:scale(0.5,0.5);}
.section1 .bg14{ width:63%; height:auto; position:absolute; bottom:-50%; left:16%; opacity: 0;  transition: all 1s;}

.active .bg11{ top:0; opacity: 1;  transition-delay: 1s;}
.active .bg12{ top:16%;  opacity: 1;  transition-delay: 1.2s;}
.active .bg13{ bottom:-10px; opacity: 1;  transition-delay: 0.7s; -webkit-transform:scale(1, 1); transform:scale(1, 1); -moz-transform:scale(1,1);}
.active .bg14{ bottom:-50px; opacity: 1;  transition-delay: 1s;}

.ltie10 .bg11{ top:0; opacity: 1;}
.ltie10 .bg12{ top:16%;  opacity: 1;}
.ltie10 .bg13{ bottom:-10px; opacity: 1;}
.ltie10 .bg14{ bottom:-50px; opacity: 1;}
/* 板块一 end */

/* 板块二 */
.section2 .bg21{ width:30%; height:auto; position:absolute; top:-11%; left:35%; opacity: 0;  transition: all 1s;}
.section2 .bg22{ width:58%; height:auto; position:absolute; bottom:-50%; left:21%; opacity: 0;  transition: all 1s;}
.section2 .bg23{ width:48%; height:auto; position:absolute; bottom:0; left:-24%; opacity: 0;  transition: all 1s;}
.section2 .bg23 div{ position:relative;}
.section2 .bg23 img{ position:absolute; left:0; top:0;}
.section2 .bg23 .bg232{ display:none;}

.active .bg21{ top:11%; opacity: 1;  transition-delay: .7s;}
.active .bg22{ bottom:10%; opacity: 1;  transition-delay: 1s;}
.active .bg23{ bottom:70%; left:24%; opacity: 1;  transition-delay: 1s;}

.ltie10 .bg21{ top:11%; opacity: 1;}
.ltie10 .bg22{ bottom:10%; opacity: 1;}
.ltie10 .bg23{ bottom:70%; left:24%;}
/* 板块二 end */

/* 板块三 */
.section3 .bg{ background:#fff;}
.section3 .bg31{ width:30%; height:auto; position:absolute; top:-11%; left:35%; opacity: 0;  transition: all 1s;}
.section3 .bg32{ width:52%; height:auto; position:absolute; bottom:10%; left:-24%; opacity: 0;  transition: all 1s;}
.section3 .bg32 img{ width:19%; float:left; margin:0 3%;}

.active .bg31{ top:11%; opacity: 1;  transition-delay: .7s;}
.active .bg32{ left:24%; opacity: 1;  transition-delay: 1s;}

.ltie10 .bg31{ top:11%; opacity: 1;}
.ltie10 .bg32{ left:24%; opacity: 1;}
/* 板块三 end */

/* 板块四 */
.section4 .bg{ background:#454545;}
.section4 .bg44{ width:100%; position:absolute; left:0; top:0;}
.section4 .bg41{ width:32%; height:auto; position:absolute; top:-10%; left:34%; opacity: 0;  transition: all 1s;}
.section4 .bg42{ width:100%; height:auto; position:absolute; bottom:-50%; left:0; opacity: 0;  transition: all 1s;}
.section4 .bg43{ width:10%; height:auto; position:absolute; bottom:10%; right:0; opacity: 0;  transition: all 1s;}

.active .bg41{ top:10%; opacity: 1;  transition-delay: .7s;}
.active .bg42{ bottom:-10px; opacity: 1;  transition-delay: .7s;}
.active .bg43{ bottom:53%; right:18%; opacity: 1;  transition-delay: 1.3s;}

.ltie10 .bg41{ top:10%; opacity: 1;}
.ltie10 .bg42{ bottom:-10px; opacity: 1;}
.ltie10 .bg43{ bottom:53%; right:18%; opacity: 1;}
/* 板块四 end */

/* 板块五 */
.section5 .bg{ background:#fff;}
.section5 .bg51{ width:34%; height:auto; position:absolute; top:-10%; left:32%; opacity: 0;  transition: all 1s;}
.section5 .bg52{ width:34%; height:auto; position:absolute; top:38%; left:32%;}
.section5 .bg52 dl{ margin-bottom:10px;}
.section5 .bg52 dt{ width:9.5%; float:left;}
.section5 .bg52 dd{ width:88%; float:right; position:relative;}
.section5 .bg521{ position:absolute; left:0; top:0; }
.section5 .bg522{ position:absolute; left:0%; top:0;  transition: all 1s; -webkit-transform:scale(0,1); transform:scale(0,1); -moz-transform:scale(0,1); }
.section5 .bg53{ width:240px; height:58px; position:absolute; left:50%; margin-left:-120px; bottom:-10%; opacity: 0;  transition: all 1s;}
.section5 .bg53 a{ display:block; line-height:58px; width:100%; height:100%; background:#fff; border:1px solid #d1d1d1; text-align:center; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.section5 .bg53 a i{ display:inline-block; font-style:normal; font-size:20px; background:url(/imgs/sites/bg_54.png) no-repeat left center; padding-left:30px;}
.section5 .bg53 a:hover{ background:#ea7d57;}
.section5 .bg53 a i.on{background:url(/imgs/sites/bg_53.png) no-repeat left center;}
.section5 .bg53 a:active{ background:#d46f4c;}
.section5 .bg54{ position:absolute; bottom:2%; width:100%; left:0; text-align:center;}
.section5 .bg54 p{ display:inline-block; background:url(/imgs/sites/logo1.gif) no-repeat left top; height:30px; line-height:42px; font-size:13px; color:#7c7c7c; padding-left:280px; position:relative;}
.section5 .bg54 .a1{ position:absolute; display:block; width:98px; height:29px; left:0; top:0;}
.section5 .bg54 .a2{ position:absolute; display:block; width:155px; height:29px; left:105px; top:0;}

.active .bg51{ top:10%; opacity: 1;  transition-delay: .7s;}
.active .bg53{ bottom:20%; opacity: 1;  transition-delay: .7s;}
.active .bg522{ transition-delay: .7s; -webkit-transform:scale(1); transform:scale(1);}

.ltie10 .bg51{ top:10%; opacity: 1;  }
.ltie10 .bg53{ bottom:20%; opacity: 1; }
/* 板块五 end */

.section h1{ position:absolute; top:30px; left:-30%; z-index:999; opacity: 0;  transition: all 1s; background:url(/imgs/sites/logo.png) no-repeat; background-position:left top; width:306px; height:35px;} 
.section h1 .a1{ width:118px; height:35px; display:block; float:left}
.section h1 .a2{ width:187px; height:35px; display:block; float:right}
.active h1{left:30px; opacity: 1; transition-delay: .5s;}
.section2 h1,.section4 h1{background-position:left bottom;}
.ltie10 h1{left:30px; opacity: 1;}