/*轮播图样式*/
.AdvBanner .sec-1{ position: relative; }
.hd{ position:absolute; left:50%; bottom:60px;-webkit-transform: translate(-50%,-50%);-moz-transition:translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.hd ul{ overflow:hidden; display:inline-block; margin:auto;}
.hd li{ float:left; height:4px; width:60px; margin:0px 10px; background:#7D7D7D; overflow:hidden; text-indent:-999px; cursor:pointer;}
.hd li.on{ background:#0FD2FA;}

.banner-btn{width:100%; position:absolute; top:40%;}
.banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
.banner-btn a.prev{left:5%;background:url(/new/Images/slider-arrow.png) no-repeat 0 0; z-index: 666;} 
.banner-btn a.next{right:5%;background:url(/new/Images/slider-arrow.png) no-repeat -49px 0; z-index: 666;}
/* 主体样式 */
.new_all{ position: absolute; width: 1200px; left: calc(50% - 600px); text-align: center; color: #ffffff; }
.ntitle{ font-size: 14px; opacity: 0; filter: alpha(opacity: 0); transition: opacity 1s,font-size 1s; -moz-transition: opacity 1s,font-size 1s;-webkit-transition: opacity 1s,font-size 1s;-o-transition: opacity 1s,font-size 1s;  }
.ndesc{ font-size: 14px; line-height: 30px; margin-top: 60px; opacity: 0; filter: alpha(opacity: 0); transition: opacity 1s,font-size 1s; -moz-transition: opacity 1s,font-size 1s;-webkit-transition: opacity 1s,font-size 1s;-o-transition: opacity 1s,font-size 1s;  }
.new_small{ font-size: 14px; opacity: 0; filter: alpha(opacity: 0); transition: opacity 1s,font-size 1s; -moz-transition: opacity 1s,font-size 1s;-webkit-transition: opacity 1s,font-size 1s;-o-transition: opacity 1s,font-size 1s;  }
.ntitle_active{ opacity: 1;filter: alpha(opacity=100); font-size: 44px; }
.ndesc_active{ opacity: 1;filter: alpha(opacity=100); font-size: 24px; }
.new_small_active{ opacity: 1;filter: alpha(opacity=100); font-size: 24px; }

.AdvBanner .sec-1 .pics_box li{ position: relative; }
.AdvBanner .sec-1 .pics_box li .b1,.AdvBanner .sec-1 .pics_box li .b2{ position: absolute; top: 20%;left: 0%;transition: top 1s; -moz-transition: top 1s;-webkit-transition: top 1s;-o-transition: top 1s; }
.AdvBanner .sec-1 .pics_box li .banner{ top: 0%;  }
.AdvBanner .sec-1 .pics_box li .b3{  position: absolute; top: 20%;left: 0%;transition: top 1s; -moz-transition: top 1s;-webkit-transition: top 1s;-o-transition: top 1s; }
.AdvBanner .sec-1 .pics_box li .b4{ position: absolute; top: 20%;left: 0%;transition: top 2s; -moz-transition: top 2s;-webkit-transition: top 2s;-o-transition: top 2s; }
.AdvBanner .sec-1 .pics_box li .banner{ top: 0%;  }

.AdvBanner .sec-3{position: relative;  }
.AdvBanner .sec-3 .pt { top: 8%;}
.AdvBanner .sec-3 .ptt{ bottom: 8%; }
.AdvBanner .sec-3 .pt .ndesc{ margin-top: 40px; }
.AdvBanner .sec-3 .ptt img{ width: auto; max-width: 16%; }
.AdvBanner .sec-3 .ptt ul{ width: 800px; margin: 0px auto; }
.AdvBanner .sec-3 .ptt ul li{ display: inline-block; width: 33%; }
.AdvBanner .sec-3 .ptt ul  .new_small div{ font-size: 18px; margin-top: 14px; }

.AdvBanner .sec-4{ position: relative; }
.AdvBanner .sec-4 .pt{  top: 10%;  }
.AdvBanner .sec-4 .ptt{ bottom: 10%; }
.AdvBanner .sec-4 .ptt ul li{ display: inline-block; width: 35%; }
.AdvBanner .sec-4 .ptt ul li.other{ width: 17%; }

.AdvBanner .sec-5 .list li{position: relative;  }
.AdvBanner .sec-5 .list li .pt{ position: absolute; top: 8%;color: #000000; }
.AdvBanner .sec-5 .list li dd img{ width: auto; max-width: 28%; }
.AdvBanner .sec-5 .list li dd{ display: inline-block; width: 48%; }
.AdvBanner .sec-5 .list li dl{ width: 520px; margin: 30px auto; }
.AdvBanner .sec-5 .list li dd .new_small{ margin-top: 10px; line-height: 30px; }
.AdvBanner .sec-5 .ndesc{ margin-top: 40px; }

.AdvBanner .sec-6 { position: relative; }
.AdvBanner .sec-6  .p1{ position: absolute; left: 0%;top: 0%; z-index: 2; }
.AdvBanner .sec-6  .p1{ opacity: 0; filter: alpha(opacity: 0); transition: opacity 1.5s; -moz-transition: opacity 1.5s;-webkit-transition: opacity 1.5s;-o-transition: opacity 1.5s;transition-delay:2s; }
.AdvBanner .sec-6  .p1_active{ opacity: 1; filter: alpha(opacity: 100); }
.AdvBanner .sec-6  .pt{ position: absolute; top: 10%; color: #000000;z-index: 3; }

.AdvBanner .sec-6-2{ position: relative; }
.AdvBanner .sec-6-2 .p2{ position: absolute; top: 0%;left: 0%;z-index: 2; }
.AdvBanner .sec-6-2  .p3{ position: absolute; z-index: 3; top: 0%;left: 0%; opacity: 0; filter: alpha(opacity: 0); transition: opacity 1s; -moz-transition: opacity 1s;-webkit-transition: opacity 1s;-o-transition: opacity 1s;transition-delay:2s;}
.AdvBanner .sec-6-2  .p1_active{ opacity: 1; filter: alpha(opacity=100); }
.AdvBanner .sec-6-2  .p4{ position: absolute; top: 0%; right: -20%;transition: right 1s; -moz-transition: right 1s;-webkit-transition: right 1s;-o-transition: right 1s;transition-delay:1.5s; }
.AdvBanner .sec-6-2  .p4_active{ right: 0%; }
.AdvBanner .sec-6-2  .pt{ position: absolute; top: 10%; color: #000000;z-index: 4; }

.AdvBanner .sec-677 { position: relative; }
.AdvBanner .sec-677 .new_show{ position: absolute; top: 37.9%; left: 0%; z-index: -2; width: 20%; text-align: center; }
.AdvBanner .sec-677 .new_show img{ width: auto; }
.AdvBanner .sec-677 .newNew1 img{ max-width: 95%; }
.AdvBanner .sec-677   .banner-btn{  opacity: 0; filter: alpha(opacity=0); }
.AdvBanner .sec-677 .ml  { top: 55%; opacity: 1; filter: alpha(opacity=100); }

.AdvBanner .sec-677 .newNew{ position: absolute;top: 0%; left: 0%;z-index: 1;width: 100%;  }
.AdvBanner .sec-677 .ntitle{ position: absolute; top: 10%; left: calc(50% - 600px);  height: 36px; z-index: 22;text-align: center; width: 1200px; }

.AdvBanner .sec-7 { position: relative; }
.AdvBanner .sec-7  .pt{ position: absolute; top: 8%; color: #000000; }
.AdvBanner .sec-7  .pt .ndesc{ margin-top: 40px; }
.AdvBanner .sec-7 .pl1{ position: absolute; top: 0%; left: 0%;transition: opacity 1s; -moz-transition: opacity 1s;-webkit-transition: opacity 1s;-o-transition: opacity 1s;transition-delay:2s; }
.AdvBanner .sec-7 .pl1_active{ opacity: 0; filter: alpha(opacity=0); }

.AdvBanner .sec-7-2  .p3{ position: absolute; top: 0%; opacity: 0; filter: alpha(opacity=0); left: -1%;transition: left 2s,opacity 2s; -moz-transition: left 2s,opacity 2
	s;-webkit-transition: left 2s,opacity 2s;-o-transition: left 2s,opacity 2s;transition-delay:2s; }
.AdvBanner .sec-7-2  .p3_active{ left: 0%; opacity: 1; filter: alpha(opacity=1); }

.AdvBanner .sec-7-2 .p2{position: absolute;top: 0%;left: 0%; opacity: 0; filter: alpha(opacity=0); transition: opacity 3s; -moz-transition: opacity 3s;-webkit-transition: opacity 3s;-o-transition: opacity 3s; transition-delay:2s;}
.AdvBanner .sec-7-2 .p2_active{ opacity: 1; filter: alpha(opacity=100); }
.AdvBanner .sec-7-2 .p4{ position: absolute;top: 0%; opacity: 0; filter: alpha(opacity=0); left: 0%;transition: opacity 1s; -moz-transition: opacity 1s;-webkit-transition: opacity 1s;-o-transition: opacity 1s; transition-delay:2s;}
.AdvBanner .sec-7-2 .p4_active{ opacity: 1; filter: alpha(opacity=100); }
.AdvBanner .sec-7-2  .pt{ position: absolute; top: 12%; color: #000000; }
.AdvBanner .sec-7-2  .pt .ndesc{ margin-top: 50px; }

.AdvBanner .sec-8 { position: relative; }
.AdvBanner .sec-8 .p1{ position: absolute; left: 0%; top: 0%; z-index: 2 }
@-webkit-keyframes scale1 {
   0% {
      -webkit-transform: scale(0.1);
      transform: scale(0.1);
      opacity: 0;
      filter: alpha(opacity=0)\9
   }

   100% {
      -webkit-transform: scale(0.6);
      transform: scale(0.6);
      opacity: 0.3;
      filter: alpha(opacity=30)\9
   }
}

@keyframes scale1 {
   0% {
      -webkit-transform: scale(0.1);
      transform: scale(0.1);
      opacity: 0;
      filter: alpha(opacity=0)\9
   }

   100% {
      -webkit-transform: scale(0.6);
      transform: scale(0.6);
      opacity: 0.3;
      filter: alpha(opacity=30)\9
   }
}

@-webkit-keyframes scale2 {
   0% {
      -webkit-transform: scale(0.6);
      transform: scale(0.6);
      opacity: 0.3;
      filter: alpha(opacity=30)\9
   }

   100% {
      -webkit-transform: scale(0.95);
      transform: scale(0.95);
      opacity: 0.6;
      filter: alpha(opacity=60)\9
   }
}

@keyframes scale2 {
   0% {
      -webkit-transform: scale(0.6);
      transform: scale(0.6);
      opacity: 0.3;
      filter: alpha(opacity=30)\9
   }

   100% {
      -webkit-transform: scale(0.95);
      transform: scale(0.95);
      opacity: 0.6;
      filter: alpha(opacity=60)\9
   }
}

@-webkit-keyframes scale3 {
   0% {
      -webkit-transform: scale(0.95);
      transform: scale(0.95);
      opacity: 0.6;
      filter: alpha(opacity=60)\9
   }

   100% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
      opacity: 0.3;
      filter: alpha(opacity=30)\9
   }
}

@keyframes scale3 {
   0% {
      -webkit-transform: scale(0.95);
      transform: scale(0.95);
      opacity: 0.6;
      filter: alpha(opacity=60)\9
   }

   100% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
      opacity: 0.3;
      filter: alpha(opacity=30)\9
   }
}

@-webkit-keyframes scale4 {
   0% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
      opacity: 0.3;
      filter: alpha(opacity=30)\9
   }

   100% {
      -webkit-transform: scale(1.8);
      transform: scale(1.8);
      opacity: 0;
      filter: alpha(opacity=0)\9
   }
}

@keyframes scale4 {
   0% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
      opacity: 0.3;
      filter: alpha(opacity=30)\9
   }

   100% {
      -webkit-transform: scale(1.8);
      transform: scale(1.8);
      opacity: 0;
      filter: alpha(opacity=0)\9
   }
}
.AdvBanner .sec-8 .circle-blue{ position: absolute; width: 15%; height: 23%; top: 42%; left: 16%; }
.AdvBanner .sec-8 .circle-green{     position: absolute; width: 15%; height: 23%; top: 42%; right: 16%; }
.circle-blue .blue-1,.circle-blue .blue-2, .circle-blue .blue-3,.circle-blue .blue-4{  background: url(/new/Images/one_all/two_big.png) no-repeat top center;  }
.circle-green .green-1,.circle-green .green-2,.circle-green .green-3,.circle-green .green-4{ background: url(/new/Images/one_all/two_big.png) no-repeat top center; z-index: 2; }
.AdvBanner .sec-8 .box_show{ position: absolute; width: 100%; height: 100%;top: 0;left: 0; background-size: 100% 100%; }
.circle-blue .blue-1{ -webkit-animation: scale1 0.7s linear infinite; animation: scale1 0.7s linear infinite; }
.circle-blue .blue-2{ -webkit-animation: scale2 0.7s linear infinite; animation: scale2 0.7s linear infinite; }
.circle-blue .blue-3{ -webkit-animation: scale3 0.7s linear infinite; animation: scale3 0.7s linear infinite; }
.circle-blue .blue-4{ -webkit-animation: scale4 0.7s linear infinite; animation: scale4 0.7s linear infinite; }
.circle-green .green-1{ -webkit-animation: scale1 0.7s linear infinite; animation: scale1 0.7s linear infinite; }
.circle-green .green-2{ -webkit-animation: scale2 0.7s linear infinite; animation: scale2 0.7s linear infinite; }
.circle-green .green-3{ -webkit-animation: scale3 0.7s linear infinite; animation: scale3 0.7s linear infinite; }
.circle-green .green-4{ -webkit-animation: scale4 0.7s linear infinite; animation: scale4 0.7s linear infinite; }

/* .AdvBanner .sec-8 .p2,.AdvBanner .sec-8 .p7{ transition: opacity 1s; -moz-transition: opacity 1s;-webkit-transition: opacity 1s;-o-transition: opacity 1s; }
.AdvBanner .sec-8 .p3,.AdvBanner .sec-8 .p8{ transition: opacity 1.5s; -moz-transition: opacity 1.5s;-webkit-transition: opacity 1.5s;-o-transition: opacity 1.5s; }
.AdvBanner .sec-8 .p4,.AdvBanner .sec-8 .p9{ transition: opacity 2s; -moz-transition: opacity 2s;-webkit-transition: opacity 2s;-o-transition: opacity 2s; }
.AdvBanner .sec-8 .p5,.AdvBanner .sec-8 .p10{ transition: opacity 2.5s; -moz-transition: opacity 2.5s;-webkit-transition: opacity 2.5s;-o-transition: opacity 2.5s; }
.AdvBanner .sec-8 .p6,.AdvBanner .sec-8 .p11{ transition: opacity 3s; -moz-transition: opacity 3s;-webkit-transition: opacity 3s;-o-transition: opacity 3s; }
.AdvBanner .sec-8 .a_active{ opacity: 1; filter: alpha(opacity=100); } */


.AdvBanner .sec-8 .pt{ position: absolute; top: 10%; color: #ffffff;z-index: 2; }
.AdvBanner .sec-8 .ptt{ position: absolute;bottom: 5%;z-index: 2; }
.AdvBanner .sec-8 .ptt img{ width: auto; max-width: 100%; }
.AdvBanner .sec-8 .ptt ul li{ display: inline-block; width: 300px;}
.AdvBanner .sec-8 .ptt ul li .r{ font-size: 24px; line-height: 30px; margin-top: -36px; }



.AdvBanner .sec-9{ position: relative; }
.AdvBanner .sec-9 .p2{ position: absolute; left: 0%; top: 20%;-moz-transition: top 1s;-webkit-transition: top 1s;-o-transition: top 1s;transition-delay:1.5s; }
.AdvBanner .sec-9 .p2_active{ top: 0%; }
.AdvBanner .sec-9 .pt{ position: absolute; top: 8%; }
.AdvBanner .sec-9 .ptt{ position: absolute; top: 48%; left: 20%; color: #ffffff; text-align: center; width: 360px; }
.AdvBanner .sec-9 .ptt li.topl{ margin-top: 100px; }

.AdvBanner .sec-9 .ptt .t1{ font-size: 30px; }
.AdvBanner .sec-9 .ptt .t2{ font-size: 24px; margin-top: 10px; }

.AdvBanner .sec-10{ position: relative; }
.AdvBanner .sec-10 .pt{ position: absolute; top: 8%; color: #000000; }
.AdvBanner .sec-10 .pt .ndesc{ margin-top: 36px; }

.AdvBanner .sec-11{ position: relative; }
.AdvBanner .sec-11 .pt{ position: absolute; top: 8%; color: #000000; }
.AdvBanner .sec-11 .pt .ndesc{ margin-top: 30px; }

.AdvBanner .sec-12 .box{ position: relative; width: 1230px; height: 800px; overflow: hidden; margin-top: 50px; margin: 50px auto 0px auto; }
.AdvBanner .sec-12 .box .p{ position: absolute; max-width: 52%; }
.AdvBanner .sec-12 .box .p1{ top: -69%; left: 22%; -moz-transition: top 1s,left 1s;-webkit-transition: top 1s,left 1s;-o-transition: top 1s,left 1s;transition-delay:1s; }
.AdvBanner .sec-12 .box .p2{  bottom: -69%; left: -14%;  -moz-transition: bottom 1s,left 1s;-webkit-transition: bottom 1s,left 1s;-o-transition: bottom 1s,left 1s; transition-delay:1s;}
.AdvBanner .sec-12 .box .p3{  bottom: -60%; right: 20%;  -moz-transition: bottom 1s,right 1s;-webkit-transition: bottom 1s,right 1s;-o-transition: bottom 1s,right 1s; transition-delay:1s;}
.AdvBanner .sec-12 .box .p4{ position: absolute; right: 25%; bottom: 16%; max-width: 10%; opacity: 0; filter: alpha(opacity=0); max-width: 10% 2.5s,opacity 2.5s;-moz-transition: max-width 2.5s,opacity 2.5s;-webkit-transition: max-width 2.5s,opacity 2.5s;-o-transition: max-width 2.5s,opacity 2.5s;transition-delay:1s; }
.AdvBanner .sec-12 .box .p1_active{ top: -50%; left: 17%; }
.AdvBanner .sec-12 .box .p2_active{  bottom: -57%; left: -10%;  }
.AdvBanner .sec-12 .box .p3_active{  bottom: -26%; right: 10%;  }
.AdvBanner .sec-12 .box .p4_active{ max-width: 21%; opacity: 1; filter: alpha(opacity=100); }
.AdvBanner .sec-12 .new_all{ color: #000000; position: inherit; left: inherit; margin: 60px auto; }