.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%;}
.page05 .bg{background:#3b3b3b;}

/*重置右侧标点*/
#fp-nav span, .fp-slidesNav span{ width: 20px;height: 20px;border: 1px solid #97979a;}

.active .page_img01 { opacity: 1; transition-duration: 1s; transition-delay: 1.5s; -webkit-transform: scale(.9, .9); transform: scale(.9, .9); }
.active .page_img02{opacity: 1; -webkit-transform: scale(.9,.9); transform: scale(.9,.9); transition: all 1s; }

.page_img01{position: absolute;left:0px;right: 0px;top: 40%;left:10%;top:45%;width: 901px;margin: 0 auto;height: 139px;background: transparent url("../images/index1_01.png") no-repeat 0 0;opacity: 0; transition: all 0.5s ease-in-out;background-size: 100% 100%;}
.page_img02{position: relative;left: 0px;right: 0px;width: 1541px;margin: 0 auto;height: 462px;background: transparent url("../images/index1_02_new.png") no-repeat 0 0;background-size: 100% 100%;cursor: pointer;-webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s;}

.page_img03{ position: absolute;left: -100px;bottom: 0px;width: 569px;height: 633px;background: transparent url("../images/index2_01.png") no-repeat 0 0; opacity: 0; transition: all 1s;background-size: 100% 100%; }
.page_img04{ position: absolute;left: 650px;top: 0px;text-align: center;width: 467px;height: 105px;background: transparent url("../images/index2_02_new.png") no-repeat 0 center;opacity: 0;transform: scale(0.5, 0.5);transition: all 1s ease 0s;background-size: 100% 100%; }
.page_img05{ position: absolute;left: 650px;bottom:0px;text-align: center;width: 353px;height: 212px;background: transparent url("../images/index2_03_news.png") no-repeat 0 center;opacity: 0;transition: all 1s ease 0s;background-size: 100% 100%; }
.page02_tip{ position:absolute;bottom: 0px;left: 0px;right: 0px;text-align: center;background: rgba(4, 32, 47, 0.6);height: 60px;line-height: 60px;}
.page02_tip span{ font-size: 16px;color: #fff;}
.page02_tip i{ width: 115px;display: inline-block;}

.active .page_img03{margin-left: 120px; opacity: 1; transition-delay: 0.7s;}
.active .page_img04{opacity: 1;transform: scale(1, 1);transition-delay: 1s;}
.active .page_img05{opacity: 1;bottom: 280px;transition-delay: 1s;}

.page_img06{ position: absolute;left: 30%;width: 243px;height: 100px;background: transparent url("../images/index3_01.png") no-repeat 0 0;top: 0px;opacity: 0;transform: scale(0.5, 0.5);transition: all 1s ease 0s;background-size: 100% 100%; }
.page_img07{ position: absolute;left: 0%;text-align: center;width:353px;height: 212px;background: transparent url("../images/index3_02.png") no-repeat 0 0;opacity: 0;-ms-filter:alpha(opacity=0);transition: all 1s ease 0s;background-size: 100% 100%; }
.page03_tip{position:absolute;bottom: 0px;left: 0px;right: 0px;text-align: center;background: rgba(111, 48, 13, 0.6);height: 60px;}
.page03_tip span{font-size: 14px;color: #fff;display: inline-block;margin-top: 10px;}
.page03_tip span em{ font-size: 16px;display: block;text-align: left;}
.page03_tip  i{ width: 220px;display: inline-block;}

.active .page_img06{opacity: 1;transform: scale(1, 1);transition-delay: 1s;}
.active .page_img07 { opacity: 1; left: 30%; transition-delay: 1.5s; -ms-filter:Alpha(opacity=100);}

.page_img08{position: absolute;right: 40%;bottom: 0px;width: 565px;height: 586px;background: transparent url("../images/index4_01.png") no-repeat 0 bottom; opacity: 0; transition: all 1s;}
.active .page_img08{margin-right: 120px; opacity: 1; transition-delay: 0.7s;}



.con{ height:100%; max-width: 1200px; margin:0 auto; position:relative;}
.page08 .m_footer{padding-top:200px;}
.page05 .bg{background: url(../images/bg_05.jpg) no-repeat; background-size: 100% 100%;}
.page05 .text_tips{background:rgba(0,0,0,0.6); height:60px; position:absolute; bottom:0px; left:0px; width:100%; z-index: 1000;}
.text_tips ul li{ width:25%; float:left; color:#fff;font-size:14px; text-align:center; }
.text_tips ul li h2{ font-size: 16px; padding-top: 8px; text-align:center; }
.page04 .bg{ background: url(../images/bg_04.jpg) no-repeat; background-size: 100% 100%;}
.page04 .text_tips{background:rgba(238,90,63,0.6); height:60px; position:absolute; bottom:0px; left:0px; width:100%; z-index: 1000;}

.index5_img01{ background: url(../images/index5_01.png) no-repeat top right; width:282px; height:102px; position:absolute; z-index: 1000; left:0px; top: 30%;left:-20%; opacity:0.5; transition: all 1s;background-size: 100% 100%;}
.active .index5_img01{left:18%;opacity:1;transition-delay: 0.7s;}

.index5_img02{background: url(../images/index5_02.png) no-repeat; width:353px; height:102px; position:absolute; z-index: 1000; right:0px; top: 30%;right:-20%; opacity:0.5; transition: all 1s;background-size: 100% 100%;}
.active .index5_img02{right:18%; opacity:1;transition-delay: 0.7s;}


.index4_img01{background: url(../images/index4_02.png) no-repeat; width:390px; height:100px; position:absolute; z-index: 1000; left: 50%; top: 0px; opacity:0; transition: all 1s;background-size: 100% 100%;}
.active .index4_img01{opacity:1;transition-delay: 1.4s; top: 32%;}

.index4_img02{background: url(../images/index4_03.png) no-repeat; width:469px; height:212px; position:absolute; z-index: 1000; left: 50%; bottom:-20%; opacity:0; transition: all 1s;background-size: 100% 100%;}
.active .index4_img02{bottom:35%; opacity:1;transition-delay: 1.4s;}

.index4_img03{background: url(../images/index4_01.png) no-repeat; width:565px; height:586px; position:absolute; bottom:0px; z-index: 1000;opacity:0; transition: all 1s; right:0px;background-size: 100% 100%;}
.active .index4_img03{ right:40%;opacity:1;transition-delay: 0.7s;}
/*@media screen and (max-width : 1200px){
.index4_img01{background: url(../images/index4_02.png) no-repeat; width:469px; height:100px; position:absolute; z-index: 1000; right:8%; top: 0px; opacity:0; transition: all 1s;background-size: 100% 100%;}
.active .index4_img01{opacity:1;transition-delay: 1.4s; top: 33%;}

.index4_img02{background: url(../images/index4_03.png) no-repeat; width:469px; height:167px; position:absolute; z-index: 1000; right:8%; bottom:-20%; opacity:0; transition: all 1s;background-size: 100% 100%;}
.active .index4_img02{bottom:30%; opacity:1;transition-delay: 1.4s;}
.index5_img01{ background: url(../images/index5_01.png) no-repeat top right; width:353px; height:202px; position:absolute; z-index: 1000; left:0px; top: 30%;left:-20%; opacity:0.5; transition: all 1s;}
.active .index5_img01{left:14%;opacity:1;transition-delay: 0.7s;}

.index5_img02{background: url(../images/index5_02.png) no-repeat; width:353px; height:202px; position:absolute; z-index: 1000; right:0px; top: 30%;right:-20%; opacity:0.5; transition: all 1s;}
.active .index5_img02{right:14%; opacity:1;transition-delay: 0.7s;}
.sound{display:none;}
.m_footer .service{ margin-left: 25px;}
.m_header .logo{ margin-left: 25px;}
.copyright{padding-left: 25px;}
}*/

/*****index add*****/
.page06 .bg{background:url(../images/bg_06.jpg) no-repeat; background-size: 100% 100%;;}
.page06 .text_tips{background:rgba(86,1,58,0.6);height:60px; position:absolute; bottom:0px; left:0px; width:100%; z-index: 1000;}
.index6_img01{background: url(../images/index6_01.png) no-repeat; width:400px; height:108px; position:absolute; z-index: 1000; left: 22%; top: 0px; opacity:0; transition: all 1s;background-size: 100% 100%;}
.active .index6_img01{opacity:1;transition-delay: 1.4s; top: 32%;}
.index6_img02{background: url(../images/index6_02.png) no-repeat; width:320px; height:212px; position:absolute; z-index: 1000; left: 22%; bottom:-20%; opacity:0; transition: all 1s;background-size: 100% 100%;}
.active .index6_img02{bottom:28%; opacity:1;transition-delay: 1.4s;}
.index6_img03{background: url(../images/index6_03.png) no-repeat; width:475px; height:484px; position:absolute; bottom:0px; z-index: 1000;opacity:0; transition: all 1s; right:0px;background-size: 100% 100%;}
.active .index6_img03{ right:27%;opacity:1;transition-delay: 0.7s;}
.index6_img04{background: url(../images/index6_04.png) no-repeat; width:100px; height:100px; position:absolute; top:0px; z-index: 1000;opacity:0; transition: all 1s; right:0px;background-size: 100% 100%;}
.active .index6_img04{ right:25%;opacity:1;transition-delay: 0.7s;top:46%;}
.index6_img05{ position: absolute;right: -100px;top: 0px;width: 569px;height: 633px;background: transparent url("../images/index6_05.png") no-repeat 0 0; opacity: 0; transition: all 1s;background-size: 100% 100%; }
.active .index6_img05{ right:-8%;opacity:1;transition-delay: 0.7s;}
.page_img3{position:absolute;top:20%;right:-100%;opacity:0; transition: all 1s; z-index:30;}
.active .page_img3{opacity:1;transition-delay: 1.4s;right:1%;}
  .page_img3 .simg{background:url(../images/index_03.png) no-repeat;background-size: 100% 100%;width:117px;height:117px;position:absolute;top:2%;z-index:30;right:3.4%;}
  .spinner{border:4px solid #f4652c;border-right-color: #c3c3c3;border-bottom-color:#c3c3c3; -webkit-animation:load 2s linear 1s infinite;
  -moz-animation:load 2s linear 1s infinite;
  -ms-animation:load 2s linear 1s infinite;
  -o-animation:load 2s linear 1s infinite;
  animation:load 2s linear 1s infinite;width:116px;height: 116px;position: absolute;top:0;z-index:20;border-radius:50%;right:0;background:#fff;}
.page_position{position:relative;width:121px;height:121px;border-radius:50%;}
.page_img4{background:url(../images/index1_04.png) no-repeat;background-size:100% 100%;width:274px;height:60px;position:absolute;top:0;right:-100%;z-index:10;opacity: 0;filter: alpha(opacity=0) }
.page_img4 p{font-size:9px!important;color:#fff;line-height:20px;}
.page_img4 .p1{width:116px;margin-left:100px;text-align:center;}
.page_img4 .p2{width:215px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;text-align:center;}
.page_img4 .p3{width:160px;margin-left:60px;text-align:center;}
.page_img4.active{top:23%;right:82%;opacity:1;transition: all 1s; filter: alpha(opacity=100)}
.index7_img01{ background: url(../images/index7_01.png) no-repeat top right; width:286px; height:130px; position:absolute; z-index: 1000; left:0px; top: 30%;left:-20%; opacity:0.5; transition: all 1s;background-size: 100% 100%;}
.active .index7_img01{left:13%;opacity:1;transition-delay: 0.7s;}
.index7_img02{background: url(../images/index7_02.png) no-repeat; width:475px; height:106px; position:absolute; z-index: 1000; right:0px; top: 30%;right:-20%; opacity:0.5; transition: all 1s;background-size: 100% 100%;}
.active .index7_img02{right:18%; opacity:1;transition-delay: 0.7s;}
.page07 .bg{background: url(../images/bg_07.jpg) no-repeat; background-size: 100% 100%;}
.page07 .text_tips{background:rgba(68,100,149,0.6);height:60px; position:absolute; bottom:0px; left:0px; width:100%; z-index: 1000;}
.page07 .text_tips li{width:23%;}
.page07 .text_tips li.w30{width:31%;}


/*----------2017-1-19 huangming---------------*/
.page09 .bg{
  background: url(../images/bg_09.jpg) no-repeat; background-size: 100% 100%;
  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( src='', sizingMethod='scale');
  -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( src='', sizingMethod='scale');
}
.index9_img01{
  background: url(../images/index9_01.png) no-repeat top right;
  width:241px; height:100px;
  position:absolute; z-index: 1000; left:50%; top: -10%;
  opacity:0.5; transition: all 1s;background-size: 100% 100%;
}
.active .index9_img01{top: 10%;opacity:1;transition-delay: 0.7s;}

.index9_img02{
  background: url(../images/index9_02.png) no-repeat;
  width:484px; height:212px;
  position:absolute; z-index: 1000;left:-10%;
  opacity:0.5; transition: all 1s;background-size: 100% 100%;
}
.active .index9_img02{left:50%; opacity:1;transition-delay: 0.7s;}

.page09 .text_tips{background:rgba(61,166,219,0.6);height:60px; position:absolute; bottom:0px; left:0px; width:100%; z-index: 1000;}
.page09 .text_tips ul li{width: 33.333333%}




@-webkit-keyframes pulse2 {
  0% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  50% {
    -webkit-transform: scale3d(.95, .95, .95);
            transform: scale3d(.95, .95, .95);
  }

  100% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }
}

@keyframes pulse2 {
  0% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  50% {
    -webkit-transform: scale3d(.95, .95, .95);
            transform: scale3d(.95, .95, .95);
  }

  100% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }
}

.pulse2 {
  -webkit-animation-name: pulse2;
          animation-name: pulse2;
}

@-webkit-keyframes load{
  0%{
    transform: rotate(0);
    -ms-transform: rotate(0);   /* IE 9 */
    -webkit-transform: rotate(0); /* Safari and Chrome */
    -o-transform: rotate(0);    /* Opera */
    -moz-transform: rotate(0);    /* Firefox */
  }
  100%{
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);    /* IE 9 */
    -webkit-transform: rotate(360deg);  /* Safari and Chrome */
    -o-transform: rotate(360deg);   /* Opera */
    -moz-transform: rotate(360deg);   /* Firefox */
  }
}



.bg_white{ height:400px;}

.m_footer img{ width: auto!important;height: auto!important;}


.ltie10 .page_img01 { opacity: 1; transition-duration: 1s; transition-delay: 1.5s; }
.ltie10 .page_img02{opacity: 1; -webkit-transform: scale(.9, .9); transform: scale(.9, .9); transition-delay: 0.7s;}
.ltie10 .page_img03{margin-left: 120px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .page_img04{opacity: 1;transform: scale(1, 1);transition-delay: 1s;}
.ltie10 .page_img05{opacity: 1;bottom: 280px;transition-delay: 1s;}
.ltie10 .page_img06{opacity: 1;transform: scale(1, 1);transition-delay: 1s;}
.ltie10 .page_img07 { opacity: 1; left: 30%; transition-delay: 1.5s; }
.ltie10 .page_img08{margin-right: 120px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .index5_img01{left:18%;opacity:1;transition-delay: 0.7s;}
.ltie10 .index5_img02{right:18%; opacity:1;transition-delay: 0.7s;}
.ltie10 .index4_img01{opacity:1;transition-delay: 1.4s; top: 32%;}
.ltie10 .index4_img02{bottom:35%; opacity:1;transition-delay: 1.4s;}
.ltie10 .index4_img03{ right:40%;opacity:1;transition-delay: 0.7s;}


.page07 .bg{background-size:100% 102%;}
