/* CSS Document */

.section { font: 50px "Microsoft Yahei"; color: #fff;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%;}
.hgroup { position: absolute; width: 158px; height: 66px; left: 50%; top:7%; margin: 0 0 0 -79px; text-indent: -9999px; background-image: url("/template/default/images/sloga.png"); opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.bg11 { position: absolute; left: 0; top: 44%; width: 120px; margin-left: -60px; margin-top: 50px; font-size: 16px; color: #1260a7; opacity: 0; transition: all 4s;}
.p11 { position: absolute; left: 50%; width: 948px; margin: 0 0 0 -474px; font-size: 16px; color: #fff; opacity: 0; transition: all 0.5s;  text-align:center; top: 22%; line-height:30px;}
.bg21 { position: absolute; top: 30%; left: 20%; width: 78px; height: 263px; background: url("/template/default/images/bg21.png") 50% 0 no-repeat; opacity: 0; transition: all 1s;}
.section2 h3 { background-image: url("/template/default/images/t2.png");}
.b21 { position: absolute; left: 50%; top: 35%; width: 173px; height:40px; line-height:40px;margin-left: -86px;margin-top:30px;background:#05bfee;font-size: 16px; color: #feffff; -moz-border-radius: 20px; -webkit-border-radius: 20px;  border-radius:20px; opacity: 0; transition: all 1s;}
.p21 { position: absolute; left: 38%; top: 17%; width: 60px; font-size: 16px; color: #1260a7; opacity: 0; transition: all 1s;}
.p201 { position: absolute; left: 45%; top: 17%; width: 580px; font-size: 16px; color: #404040; opacity: 0; transition: all 1s;}
.p22 { position: absolute; left: 38%; top: 23.5%; width: 60px; font-size: 16px; color: #1260a7; opacity: 0; transition: all 1s;}
.p202 { position: absolute; left: 45%; top: 23.5%; width: 580px; font-size: 16px; color: #404040; opacity: 0; transition: all 1s;}
.p23 { position: absolute; left: 38%; top: 32%; width: 60px; font-size: 16px; color: #1260a7; opacity: 0; transition: all 1s;}
.p203 { position: absolute; left: 45%; top: 32%; width: 580px; font-size: 16px; color: #404040; opacity: 0; transition: all 1s;}
.p24 { position: absolute; left: 38%; top: 40%; width: 60px; font-size: 16px; color: #1260a7; opacity: 0; transition: all 1s;}
.p204 { position: absolute; left: 45%; top: 40%; width: 580px; font-size: 16px; color: #404040; opacity: 0; transition: all 1s;}
.p25 { position: absolute; left: 38%; top: 50%; width: 60px; font-size: 16px; color: #1260a7; opacity: 0; transition: all 1s;}
.p205 { position: absolute; left: 45%; top: 50%; width: 580px; font-size: 16px; color: #404040; opacity: 0; transition: all 1s;}
.p26 { position: absolute; left: 38%; top: 59%; width: 60px; font-size: 16px; color: #1260a7; opacity: 0; transition: all 1s;}
.p206 { position: absolute; left: 45%; top: 59%; width: 580px; font-size: 16px; color: #404040; opacity: 0; transition: all 1s;}
.p27 { position: absolute; left: 38%; top: 66%; width: 60px; font-size: 16px; color: #1260a7; opacity: 0; transition: all 1s;}
.p207 { position: absolute; left: 45%; top: 66%; width: 580px; font-size: 16px; color: #404040; opacity: 0; transition: all 1s;}
.p28 { position: absolute; left: 38%; top: 70%; width: 60px; font-size: 16px; color: #1260a7; opacity: 0; transition: all 1s;}
.p208 { position: absolute; left: 45%; top:70%; width: 580px; font-size: 16px; color: #404040; opacity: 0; transition: all 1s;}
.p29 { position: absolute; left: 38%; top: 77%; width: 60px; font-size: 16px; color: #1260a7; opacity: 0; transition: all 1s;}
.p209 { position: absolute; left: 45%; top: 77%; width: 580px; font-size: 16px; color: #404040; opacity: 0; transition: all 1s;}

.section3 h3 {position: absolute; left: 50%; top: 25%; z-index: 10;  margin-top: 60px; text-indent: -9999px; background-repeat: no-repeat; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s; width:176px; margin-left:-88px; background-image:url("/template/default/images/t3.png");}
.bg31 { position: absolute; left: 50%; top: 45%; width: 144px; margin-left: -72px;  opacity: 0; transition: all 1s;}
 

.bg41 { position: absolute; top: 20%; left: 50%; width: 404px;  height: 117px; background: url("/template/default/images/bg41.png") 50% no-repeat; opacity: 0; transition: all 0.5s; margin-left: -202px;}
.row-bot{margin-top:230px;}
.carousel-container{position:relative;width:960px;margin:0 auto;}
#carousel{height:449px;width:960px;position:relative;}
.carousel-image{border:0;display:block;}
.carousel-feature{position:absolute;top:-1000px;left:-1000px;cursor:pointer;}


/* CSS3过度及动画 */
.active strong, .active h3 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .hgroup { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .p11 { opacity: 1; transition-duration: 1s; transition-delay: 2s;}
.active .bg11 { left: 50%;opacity: 1; transition-duration: 1s; transition-delay: 3s;}
.active .bg21{ margin-top:0;margin-left:0;opacity:1; transition-duration: 2s; transition-delay: 0.7s;}
.active .p21 { opacity: 1; transition-duration: 1s; transition-delay: 1s;}
.active .p201 { opacity: 1; transition-duration: 1s; transition-delay: 1.2s;}
.active .p22 { opacity: 1; transition-duration: 1s; transition-delay: 1.4s;}
.active .p202 { opacity: 1; transition-duration: 1s; transition-delay: 1.6s;}
.active .p23 { opacity: 1; transition-duration: 1s; transition-delay: 1.8s;}
.active .p203 { opacity: 1; transition-duration: 1s; transition-delay: 2s;}
.active .p24{ opacity: 1; transition-duration: 1s; transition-delay: 2.2s;}
.active .p204 { opacity: 1; transition-duration: 1s; transition-delay: 2.4s;}
.active .p25{ opacity: 1; transition-duration: 1s; transition-delay: 2.6s;}
.active .p205 { opacity: 1; transition-duration: 1s; transition-delay: 2.8s;}
.active .p26{ opacity: 1; transition-duration: 1s; transition-delay: 3s;}
.active .p206 { opacity: 1; transition-duration: 1s; transition-delay: 3.2s;}
.active .p27{ opacity: 1; transition-duration: 1s; transition-delay: 3.4s;}
.active .p207 { opacity: 1; transition-duration: 1s; transition-delay: 3.6s;}
.active .p28{ opacity: 1; transition-duration: 1s; transition-delay: 3.8s;}
.active .p208 { opacity: 1; transition-duration: 1s; transition-delay: 4s;}
.active .p29{ opacity: 1; transition-duration: 1s; transition-delay: 4.2s;}
.active .p209 { opacity: 1; transition-duration: 1s; transition-delay: 4.4s;}


.active .bg31 { opacity: 1; transition-duration: 1s; transition-delay: 2s;}
.active .bg41{ opacity:1; transition-duration:2s; transition-delay:0.7s;}
@keyframes myfirst
{
0%   {transform: rotate(0deg);}
100%  { transform: rotate(10deg);}
}
/* for lt ie 10 */
.ltie10 strong, .ltie10 h3 { opacity: 1; transform:scale(1, 1); transition-delay: 0.7s;}
.ltie10 .p1 { opacity: 1; transition-delay: 1.7s;}

.ltie10 .hgroup { opacity: 1; transform:scale(1, 1); transition-delay: 0.7s;}
.ltie10 .p11 { opacity: 1; transition-duration: 1s; transition-delay: 2s;}
.ltie10 .bg11 {  left: 50%;opacity: 1; transition-duration: 1s; transition-delay: 2s;}
.ltie10 .bg21{ margin-top:0;margin-left:0;opacity:1; transition-duration: 2s; transition-delay: 0.7s;}


.ltie10 .p21 {  left: 50%;opacity: 1; transition-duration: 1s; transition-delay: 2s;}
.ltie10 .p201 {  left: 50%;opacity: 1; transition-duration: 1s; transition-delay: 2s;}
.ltie10 .p22 {  left: 50%;opacity: 1; transition-duration: 1s; transition-delay: 2s;}
.ltie10 .p202 {  left: 50%;opacity: 1; transition-duration: 1s; transition-delay: 2s;}
.ltie10 .p23 {  left: 50%;opacity: 1; transition-duration: 1s; transition-delay: 2s;}
.ltie10 .p203 {  left: 50%;opacity: 1; transition-duration: 1s; transition-delay: 2s;}
.ltie10 .p24 {  left: 50%;opacity: 1; transition-duration: 1s; transition-delay: 2s;}
.ltie10 .p204 {  left: 50%;opacity: 1; transition-duration: 1s; transition-delay: 2s;}
.ltie10 .p25 {  left: 50%;opacity: 1; transition-duration: 1s; transition-delay: 2s;}
.ltie10 .p205 {  left: 50%;opacity: 1; transition-duration: 1s; transition-delay: 2s;}
.ltie10 .p26 {  left: 50%;opacity: 1; transition-duration: 1s; transition-delay: 2s;}
.ltie10 .p206 {  left: 50%;opacity: 1; transition-duration: 1s; transition-delay: 2s;}
.ltie10 .p27 {  left: 50%;opacity: 1; transition-duration: 1s; transition-delay: 2s;}
.ltie10 .p207 {  left: 50%;opacity: 1; transition-duration: 1s; transition-delay: 2s;}
.ltie10 .p28 {  left: 50%;opacity: 1; transition-duration: 1s; transition-delay: 2s;}
.ltie10 .p208 {  left: 50%;opacity: 1; transition-duration: 1s; transition-delay: 2s;}
.ltie10 .p29 {  left: 50%;opacity: 1; transition-duration: 1s; transition-delay: 2s;}
.ltie10 .p209 {  left: 50%;opacity: 1; transition-duration: 1s; transition-delay: 2s;}




.ltie10 .bg31 { opacity: 1; transition-duration: 1s; transition-delay: 2s;}
.ltie10 .bg21{ opacity:1; transition-duration: 2s; transition-delay: 0.7s;}
.ltie10 .bg41{ opacity:1; transition-duration:2s; transition-delay:0.7s;}


@media (max-width: 1366px){
	.section h3 {top:0;margin-top:10px;}
	.hgroup{ top: 40px;}
	.p11 { top:400px;}
	.p21 { top:70px; margin-top:20px;}
	.b21 { top:25%;}
	.p22 { top:35%;}
	.bg31 { top:0;}
	}