@charset "utf-8";
/* 左侧导航 */
#fullPage-nav{ font-size: 12px;}
#fullPage-nav li{ margin-top:45px;width: 8px; height: 40px; background: #32348b; text-align: center;transition:width 0.5s;:vertical-align: middle;}
#fullPage-nav li:hover{width: 175px;}
#fullPage-nav li a{width: 8px; height: 40px;color: #fff; text-decoration: none;font-size: 16px; line-height: 40px;}
#fullPage-nav li .active{width: 8px;background:#cb2a1e; transition:width 0.5s;}
#fullPage-nav li .active:hover{width: 175px;transition:width 0.5s;}
#fullPage-nav li a i{display: block; width: 175px;}
#fullPage-nav span{display: none;}
.fullPage-tooltip{ top: 0;float: left; margin-right: 5px; color: #8F9DA4; font: 12px "Microsoft Yahei"; line-height: 21px;}

/*全屏*/
.section{position: relative; overflow: hidden;}
.section .bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.section .bg img{display: block; width: 100%; height: 100%;}
.section h3{position: absolute;right: 0;bottom: 6.7%;z-index: 10;width: 512px;height: 50px;color:#fff;text-indent:20px;font-size:18px;line-height:50px;opacity: 0;transition: all 1s;-webkit-transform:scale(0.5, 0.5);transform:scale(0.5, 0.5);}
.section h3 span{ float: left;display: block;width: 50px; height: 50px; background: url(../image/right.png) no-repeat center; box-shadow: 5px 5px 10px rgba(246,0,255,0.45); line-height: 50px;}
.section strong{position: absolute;right: 0;bottom: 6.7%;z-index: 10;height: 50px;color:rgba(47, 49, 139, 0.5);text-transform: uppercase;font-size: 45px;line-height:50px;opacity: 0;transition: all 1s;-webkit-transform:scale(0.5, 0.5);transform:scale(0.5, 0.5); cursor: pointer;}
.section a.more{display: block;}
/*首页*/
.bg12{position: absolute;bottom: -392px;left: 200px;width: 100px;height: 100px;background: url(../image/sysd.png) no-repeat left top;opacity: 0;transition: all 1.7s;}
.bg13{position: absolute;right: 200px;bottom: -377px;width: 100px;height: 100px;background: url(../image/sys.png) no-repeat left;transition: all 1s;}
.hgroup{position: absolute; top: 50%; left: 50%; margin:-470px 0 0 -600px; width:1200px; height: 940px; background: url(../image/yuan3.png) no-repeat center;background-size: auto 90%; opacity: 0; transition: all 1s; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5);}
.hgroup1{ position: absolute; top: 50%;left: 50%; margin:-470px 0 0 -600px; width: 1200px;height: 940px; background: url(../image/yuan1.png) no-repeat center; background-size: auto 90%; animation: 9.5s linear 0s normal none infinite rotate;
-webkit-animation:9.5s linear 0s normal none infinite rotate;}
@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg);}
to{-webkit-transform:rotate(360deg);}}
@-moz-keyframes rotate{from{-moz-transform:rotate(0deg);}
to{-moz-transform:rotate(360deg);}}
@-ms-keyframes rotate{from{-ms-transform:rotate(0deg);}
to{-ms-transform:rotate(360deg);}}
@-o-keyframes rotate{from{-o-transform:rotate(0deg);}
to{-o-transform:rotate(360deg);}}
.hgroup2{ position: absolute; top: 50%;left: 50%; margin:-470px 0 0 -600px; width: 1200px;height: 940px; background:url(../image/yuan2.png) no-repeat center;background-size: auto 90%;animation: 9.5s linear 0s normal none infinite rotate1;}
@-webkit-keyframes rotate1{from{-webkit-transform:rotate(360deg);}
to{-webkit-transform:rotate(0deg);}}
@-moz-keyframes rotate1{from{-moz-transform:rotate(360deg);}
to{-moz-transform:rotate(0deg);}}
@-ms-keyframes rotate1{from{-ms-transform:rotate(360deg);}
to{-ms-transform:rotate(0deg);}}
@-o-keyframes rotate1{from{-o-transform:rotate(360deg);}
to{-o-transform:rotate(0deg);}}
@media only screen and (max-width: 1600px) {
	.hgroup,.hgroup1{margin: -470px 0 0 -31%;width: 65%;background-size: 85%;}
	.hgroup1{background: url(../image/yuan1.png) no-repeat center;background-size: 85%;}
	.hgroup2{background:url(../image/yuan2.png) no-repeat center;background-size: 70%;}
	
}
.p11{position: absolute; top: 50%; left: 50%; margin:-60px 0 0 -600px; width:1200px; height: 120px; background:url(../image/logoxin.png) no-repeat center ;opacity: 0; transition: all 0.5s;}
.mail{position: absolute; top: -26px;right: 18%; margin-left: -187px; height: 26px; transition: all 1s;}
.mail{ z-index: 5;float: left; height: 26px;}
.mail .tishi{color: #e62129;margin-left: -20%;margin-top: 40px;}
/*公司简介*/
.main1200{ position: relative;margin: 0 auto;width: 1200px; height: 100%;min-height: 300px;}
.p1{position: absolute;bottom: 75%;left: 104px;display:block;width: 750px;height: 142px;background: url(../image/logokxin.png) no-repeat left;opacity: 0;transition: all 0.5s;}
.bg23{position: absolute;bottom: 12%;bottom: -100%;left: 0;z-index: 0;width:1159px;height: 592px;background:url(../image/bjj.jpg) no-repeat left;transition: all 1s;}
.bg21{position: absolute;bottom: 12%;left:0;z-index: 1;margin-left: -1108px;width: 117px;height: 592px;background:rgba(230, 33, 41, 0.6);opacity: 0;transition: all 1s;}
.bg21 ul{margin-top: 30px;}
.bg21 ul li{width: 117px; height: 50px;text-align: center;overflow: hidden; position: relative;}
.bg21 ul li:after{background: #fff; content: ""; height: 155px; left: -75px; opacity: .2; position: absolute; top: -50px; -webkit-transform: rotate(35deg); -ms-transform: rotate(35deg); transform: rotate(35deg); -webkit-transition: all 700ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 700ms cubic-bezier(0.19, 1, 0.22, 1); width: 50px; z-index: 0;}
.bg21 ul li:hover:after{left: 120%; -webkit-transition: all 700ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 700ms cubic-bezier(0.19, 1, 0.22, 1);}
.bg21 ul li:hover{background: rgba(45, 47, 138, 1);}
.bg21 ul li a{display: block;color: #fff; font-size: 16px; line-height: 50px;}
.bg22{position: absolute;bottom: 5%;left: 50%;z-index: 0;margin-bottom: 70px;margin-left: 1180px;width: 340px;height: 592px;background: url(../image/krjj.png) no-repeat top right;opacity: 0;transition: all 1s;}
.bg22 .boxl{position: absolute;top: -6.5%;right: 0;}
.boxl{width: 41px; height: 41px;background:rgba(45, 47, 138, 0.5);}
.section2 h3{width: 255px;}
@media screen and (max-width: 1600px) {
	.main1200{ width: 63%;}
	.p1{bottom: 67%;}
	.bg23{width: 100%;height: 55%;background-size: 100%;}
	.bg21{height: 55%;}
	.bg22{width: 28%;height: 55%;background-size: 100%;}
    .more strong, .more h3{bottom: 4%;}
}

/*新闻资讯*/
.section3 h3{width: 240px; text-align: right; }
.section3 h3 span{ float: right; margin-left: 10px;}
.section3 strong{ float: right; margin-right: 60px;}
.section3 ul li a,.bg41 ul li a.chakan{display: block;color: #fff;}
.bg32{position: absolute;top:50%;z-index: 0; margin-top: -273px;  margin-left: -600px; width: 1200px; height: 546px; background: url(../image/logonew.png) no-repeat center; opacity: 0; transition: all 1s;}
.bg61{position: absolute;top: -454px;z-index: 1;width:50%;height: 546px;transition: all 1s;}
.bg61 ul li,.bg43 ul li{height: 383px;color:#fff;font-size:14px;}
.bg61 ul li h2,.bg43 ul li h2{ padding-left:20px;height: 90px;background: url(../image/kl.png) no-repeat top left; font-size:16px;line-height:40px;}
.bg61 ul li h2 em,.bg43 ul li h2 em{ display:block;height:40px;}
.bg61 ul li p,.bg43 ul li p{padding-left: 20px; width: 465px; line-height: 30px;}
.bg61 ul li a.chakan,.bg43 ul li a.chakan,.bg41 ul li a.chakan{ margin:40px 0 50px 20px ; width: 124px; height: 40px; border: 1px solid #fff; border-radius: 10px; text-align: center;line-height: 40px;}
.bg61 ul li:last-child a{float: left;width: 277px;height: 50px;line-height: 50px;}
.bg61 ul li:last-child a span.more{ float: right;display: block; width: 50px; height: 50px;  background:url(../image/leftb.png) no-repeat center;}
.bg61 ul li:last-child a p{display: inline-block;padding-left: 0;width: 210px; font-size: 16px;}

.bg43{position: absolute;right: 0; bottom: -449px;z-index: 1; margin-bottom: -130px; width: 50%;height: 546px; transition: all 1s;}
.bg43 ul li{height: 177px;text-align: right;}
.bg43 ul li h2{padding-right: 30px;background: url(../image/kl.png) no-repeat top right; text-align: right;}
.bg43 ul li:first-child a{float: right;width: 277px;}
.bg43 ul li:first-child a p{float: right;display: inline-block;padding-right: 0px;width: 210px; font-size: 16px;line-height: 30px;}
.bg43 ul li:first-child a span.more{display: block;width: 50px;height: 50px;background: url(../image/rightb.png) no-repeat center;}
.bg43 ul li p{ float: right; padding-right: 30px;}
.bg43 ul li a.chakan{float: right; margin-right: 30px;}
.p3{position: absolute;bottom: 12%;left: 100%;margin-left: -1920px;width: 50px;opacity: 0;transition: all 1.7s;}
@media only screen and (max-width: 1600px) {
	.bg61 ul li p,.bg43 ul li p{display: -webkit-box;overflow: hidden;width: 75%;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
	.bg43,.bg61{width: 50%;}
	.bg32{top: 60%;margin-left: -31%;width: 63%;height: 50%;background-size: auto 100%;}
	.bg61 ul li,.bg43 ul li:last-child{height: 300px;}
	}
/*公司业务*/
/* box */
#box{position:relative;width:1163px;height:419px;margin:auto 0;}
#box ul{position:relative;width:1163px;height:419px;}
#box li p{display: none;}
#box li{position:absolute;list-style:none;background:#2d2f8a;width:0;height:0;top:146px;left:377px;z-index:0;}
#box li img{width:100%;height:100%;vertical-align:top;}
#box li.krnow{border:5px solid rgba(204, 42, 30, 0.8); }
#box li.krnow p{display: block;  width: 485px; height: 60px; position: absolute; bottom: -30px; left: 50%; margin-left:-242px; text-align: center; color: #fff; font-size: 16px; line-height: 60px; background:rgba(204, 42, 30, 0.8); z-index: 5;}
#box .prev, #box .next{position:absolute;top:223px;width:39px;height:80px;margin-top:-40px;overflow:hidden;text-indent:-999px;cursor:pointer;z-index: 4;}
#box .prev{left:-20px; background: url(../image/leftb.png) no-repeat center;}
#box .next{right:-20px;background:url(../image/rightb.png) no-repeat center;}
@media only screen and (max-width: 1600px) {
	#box{transform: scale(0.75);}
	}
.bg72{position: absolute; bottom: -206px; left: 50%; margin-left: -581px; width: 1163px; height: 412px;  opacity: 0; transition: all 1s;}
.bg71{position: absolute; bottom: -201px; left: 50%; margin-left: -600px; width: 1200px; height: 330px; background: url(../image/yw.png) no-repeat top center; opacity: 0; transition: all 1s;}

.txt7{position: absolute; bottom: -150px; left: 50%; margin-left: -600px; width: 1250px; height: 330px; opacity: 0; transition: all 1s;}
.txt7 ul li{position: relative;float: left;width: 150px;height: 200px;text-align: center;}
.txt7 ul li p{ display: block;margin: 50px auto 0 auto; width: 118px;height: 55px; color: #2a2c88; font-size: 18px; line-height: 25px; }
.txt7 ul li span{ position: absolute; top: 0;display: none;width: 150px;height: 200px; background: url(../image/yw9.png) no-repeat center top;}
.txt7 ul li:hover span{display: block;}
.section4 .bg21,.section7 .bg21{top: 14%; left: -104px;width: 300px; height: 60px; background: none;}
.section4 .bg21 h3,.section7 .bg21 h3{width: 300px;}
@media only screen and (max-width: 1600px) {
	#box{transform: scale(0.8);}
	.txt7,.bg71{transform: scale(0.8);}
	.section4 .bg21,.section7 .bg21{top: 10%;}
}
.txt7 span a{display: block;width: 150px;height: 200px;}
/*公司业绩*/
.bgkr{ top:17%;margin-left: -300px; width: 1200px; background: url(../image/kryj.png) no-repeat top left; }
.bgkr .boxl{ position: absolute; right: 0;}
.yjright{position: relative;float: right;width: 782px;height: 100%;}
.yjright ul li a{ display: block; color:#04065d; text-align: center;}
.yjright ul li{float: left; width:195px;}
.yjright ul li h4{font-size: 16px;}
.yjright ul li p{font-size: 12px;}
.zhuantu{position:relative;display:block;overflow:hidden;box-sizing:border-box;margin:0;padding:0;width:195px;height:83px;border:0;cursor:pointer;-webkit-perspective:1700px;-moz-perspective:1700px;perspective:1700px;-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;perspective-origin:50% 50%;}
.zhuantu_inner{position:relative;width:195px;height:83px;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;}
.zhuantu_inner .zhuantu_img{width:195px;height:83px;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out;backface-visibility:hidden;}
.yjright a:hover .zhuantu_img{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg);}
.zhuantu_inner  img{position:relative;display:block;margin:0 auto;max-width:100%;}
.zhuantu_caption{position:absolute;top:0;left:0;margin:0;padding:0;padding:0;width:100%;height:100%;text-align:center;opacity:0;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);transform:rotateY(-180deg);backface-visibility:hidden;}
.yjright a:hover .zhuantu_caption{opacity:1;-webkit-transform:rotateY(0);-moz-transform:rotateY(0);transform:rotateY(0);}
.yjright a:hover {color: #e62129;}
.bg51, .bg52, .bg53, .bg54{position: absolute; top: 25%; left: 50%; z-index: 1;  width: 195px;opacity: 0; transition: all 1s;}
.bg511, .bg522, .bg533, .bg544{ top:50%;} 
.bg51{margin-left: -851px;  }
.bg52{margin-left: -403px; }
.bg53{margin-left: 195px; }
.bg54{margin-left: 645px;}

.yj{width: 360px;}
.yjtu{ overflow: hidden; width: 360px; height: 355px;}
.yjtu img{height: 100%;}
.yjzi{ position: relative; padding: 20px 25px 0 25px; height: 190px; background:rgba(47, 49, 139, 0.8);color: #fff;}
.yjzi a{ display: block; margin: -20px 15px 0 15px;color: #fff;} 
.yjzi h2,.bg80 h2{ height: 30px; font-size: 16px; line-height: 30px;}
.yjzi a p,.bg80 p{ font-size: 14px; line-height: 25px;}
.yjzi a p{overflow: hidden; display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}
.yjzi span.more{ position: absolute;  top: -25px; right: -25px;display:blblock;width: 50px; height: 50px; background: url(../image/rightb.png) no-repeat;background-size: 100%;}
.yjzi span.more a{display: block; margin: 0;width: 50px;height: 50px;}
.yjm h3{ bottom: 20%;width: 420px; text-align: left;}
.yjm strong{bottom: 20%;color: rgba(0,0,0, 0.3);}
@media only screen and (max-width: 1600px) {
	.section5 .main1200{width: 70%;}
	.bgkr{top: 10%;width: 100%;}
	.yjright{width: 70%;}
	.yjright ul li{width: 20%;}
	.zhuantu,.zhuantu_inner,.zhuantu_inner .zhuantu_img{ width: 100%;}
	.yj{width: 30%;height: 65%;}
	.yj .yjtu{ width: 100%; height:70%;}
	.bg51, .bg52, .bg53, .bg54{top:20%;}
	.bg511, .bg522, .bg533, .bg544{ top:50%;} 
	.yjm h3,.yjm strong{ bottom: 10%;}
	}
/*公司视频*/
.section6 .bgkr{ top: 13%;z-index: 0; width: 822px; height: 649px;background: url(../image/kxr.png) no-repeat left top;}
.section6 .bgkr .boxl{ background:rgba(204, 42, 30, 0.8);}
.txt6{position: absolute; bottom: 20%; left: 90%; z-index: 2;width: 855px; height: 568px; border: 3px solid #e62129;background: url(../image/sp.jpg) no-repeat center; background-size: 100% 100%; opacity: 0; transition: all 1s;}
.txt6 img{width: 100%;}
.txt6 .bf{ position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; background: url(../image/play.png) no-repeat center; cursor: pointer;}
.bg80{position: absolute; right: 0; z-index: 4; z-index: 1; width: 278px; height: 105px; background: rgba(47,49,139,0.6); color: #fff; opacity: 0; transition: all 1s;}
.bg82{ bottom: 160px;}
.bg83{ bottom: 280px; }
.bg84{ bottom: 320px; }
.bg85{ bottom: 400px;width: 341px; height: 175px;}
.bg80 h2{display:-webkit-box; overflow: hidden; padding: 10px; width: 100px; height: 80px;-webkit-box-orient: vertical;-webkit-line-clamp: 3; }
.bg85 p{padding: 0 13px 0 60px; line-height: 30px;display:-webkit-box; overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 3; }
.bg85 h2{width: 100%; height: 30px;}
.bg80 .sptu{ float: left; margin: 13px; width: 120px; height: 80px;}
.bg80 .sptu img{width: 100%;}
.section6 .yjm strong{ margin-left: -280px;width:151px;}
.section6 .yjm h3{ margin-left: -280px;width: 220px;}
.sp{display:none;}
.sp iframe{width: 1000px; height: 580px;}
@media only screen and (max-width: 1600px) {
	.txt6{bottom: 20%;width: 63%;h;height: 58%;}
	.section6 .bgkr{ width: 63%;}
	}
/*人才招聘*/
.box2{position: absolute;top: 14%;  height: 55px; background: url(../image/boxl.png) no-repeat right top;}
.bg42{position: absolute; bottom: -520px; width: 100%; height:520px; background:url(../image/kcrc.png) no-repeat right bottom; transition: all 1s;}
.bg41{position: absolute;right: 0; bottom: -450px; width: 1026px; height: 450px;transition: all 1s;}
.bg41 ul{padding: 35px ;}
.bg41 ul li{ height: 125px; color: #fff;}
.bg41 ul li h2{ font-size: 16px; line-height: 35px;}
.bg41 ul li h2 span{ float: left; padding-right: 20px; font-size: 24px;}
.bg41 ul li .miaoshu{ width:100%;}
.bg41 ul li p{float:left;display:-webkit-box; overflow: hidden; margin: 20px 0 20px 45px;width:740px;height: 50px;font-size: 14px; line-height: 25px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.bg41 ul li a.chakan{ float: right;margin: 20px; }
.bg41 ul li:hover{color: #CC2A1F;}
.bg41 ul li a.chakan:hover{background: #32348B;}
@media only screen and (max-width: 1600px) {
	.section7 .main1200{width: 70%;}
	.bg42{ background-size: 100%;}
	.bg41{ width: 90%;height: 54.5%;}
	.bg41 ul li p{width: 70%; }
	}
	
/*底部*/
.footindex{ position: absolute; z-index: 4; width: 100%;bottom: 10px;} 

/* CSS3过度及动画 */
.active strong, .active h3{opacity: 1; transition-delay: 0.7s; -webkit-transform:scale(1, 1); transform:scale(1, 1);}
.active .p1{opacity: 1; transition-delay: 1.7s;}
.active .bg12{bottom: 80%;opacity: 1;transition-delay: 0.7s;}
.active .bg13{bottom: 10%;opacity: 1;transition-delay: 0.7s;}
.active .hgroup{opacity: 1; transition-delay: 0.7s; -webkit-transform:scale(1, 1); transform:scale(1, 1);}
.active .mail{top:83px; transition-delay: 0.7s;}
.active .bg21{ margin-left: 104px;opacity: 1; transition-delay: 0.7s;}
.active .bg21.bgkr{ margin-left: -20px;}
.active .bg23{bottom: 12%;transition-delay: 0.7s;}
.active .bg22{margin-left: 260px; opacity: 1; transition-delay: 0.7s;}
.active .p3{margin-left: -50px;opacity: 1;transition-delay: 0.7s;}
.active .bg31, .active .bg32{opacity: 1; transition-delay: 1s;}
.active .bg61{top: 22%;transition-delay: 0.7s;}
.active .yj{top:20%;}
.active .bg43{bottom: 24%;transition-delay: 0.9s;}
.active .bg33{margin-left: -120px; opacity: 1; transition-delay: 0.7s;}
.active .bg41{bottom: 22%; transition-delay: 1.1s;}
.active .bg42{bottom: 15%; transition-delay: 0.7s;}
.active .bg51{margin-left: -390px; opacity: 1; transition-delay: 0.7s;}
.active .bg52{margin-left: -195px; opacity: 1; transition-delay: 0.7s;}
.active .bg53{margin-left: 0px; opacity: 1; transition-delay: 0.7s;}
.active .bg54{margin-left: 195px; opacity: 1; transition-delay: 0.7s;}
.active .txt6{left: 3.5%; opacity: 1; transition-delay: 0.7s;}
.active .bg71{bottom: 7%; opacity: 1; transition-delay: 0.9s;}
.active .bg72{bottom:42%; opacity: 1; transition-delay: 0.5s;}
.active .txt7{bottom:7%; opacity: 1; transition-delay: 1.2s;}
.active .bg82{bottom: 29%;opacity: 1;transition-delay: 0.7s;}
.active .bg83{bottom: 42%;opacity: 1;transition-delay: 1s;}
.active .bg84{bottom: 55%;opacity: 1;transition-delay: 1.2s;}
.active .bg85{bottom: 68%;opacity: 1;transition-delay: 1.5s;}
@media only screen and (max-width: 1600px) {
	.active .bg71{bottom: 2%;opacity: 1;transition-delay: 0.9s;}
	.active .txt7{bottom: 2%;opacity: 1;transition-delay: 1.2s;}
	.active .bg72{bottom: 34%;}
	.active .bg51{margin-left: -45%;}
	.active .bg52{margin-left: -25%;}
	.active .bg53{margin-left: 0px;}
	.active .bg54{margin-left: 25%;}
	.active .yj{top:13%;}
	.active .bg82{bottom: 20%;}
	.active .bg83{bottom: 36%;}
	.active .bg84{bottom: 52%;}
}
/* for lt ie 10 */
.ltie10 strong, .ltie10 h3{opacity: 1; transition-delay: 0.7s; transform:scale(1, 1);}
.ltie10 .p1{opacity: 1; transition-delay: 1.7s;}
.ltie10 .bg12{bottom: 90px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg13{bottom: 0; opacity: 1; transition-delay: 0.7s;}
.ltie10 .hgroup{opacity: 1; transition-delay: 0.7s; transform:scale(1, 1);}
.ltie10 .mail{top: 25px; transition-delay: 0.7s;}
.ltie10 .p11{opacity: 1; transition-delay: 2s; transition-duration: 1s;}
.ltie10 .bg21{ margin-left: -608px;opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg23{bottom: 15%; transition-delay: 0.7s;}
.ltie10 .bg22{margin-left: -280px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .p3{margin-left: -480px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg31, .ltie10 .bg32{opacity: 1; transition-delay: 1s;}
.ltie10 .bg33{margin-left: -120px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg41{bottom: 15%; transition-delay: 0.7s;}
.ltie10 .bg42{bottom: 15%; transition-delay: 1.1s;}
.ltie10 .bg43{bottom: 15%; transition-delay: 0.9s;}
.ltie10 .bg51{margin-left: -551px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg52{margin-left: -253px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg53{margin-left: 45px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg54{margin-left: 345px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg61{top: 0; transition-delay: 0.7s;}
.ltie10 .bg62{left: 50%; opacity: 1; transition-delay: 0.7s;}
.ltie10 .txt6{left: 50%; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg71{bottom: 250px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg72{bottom: 350px; opacity: 1; transition-delay: 0.9s;}
.ltie10 .txt7{bottom: 420px; opacity: 1; transition-delay: 1.1s;}
.ltie10 .bg82{bottom: 260px; margin-left: -280px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg83{bottom: 380px; margin-left: -430px; opacity: 1; transition-delay: 1s;}
.ltie10 .bg84{bottom: 420px; margin-left: -510px; opacity: 1; transition-delay: 1.2s;}

