/* { font-family: myFont; src: url('/new/font/s2lite_font/SF-Pro-Display-Light.otf') , url('/new/font/s2lite_font/SF-Pro-Display-Light.ttf'); }
body, div, ul, li, dl, dt, dd, h2, p { font-family: "myFont"; }
 */
 @charset "utf-8";

body, div, ul, li, dl, dt, dd, h2, p{
	padding:0;margin:0; font-size:14px;
}
img{ width: 100%; max-width: 100%; }
.atitle{ font-size: 1.5vw; font-weight: bold; }
.adesc{ font-size: 1vw; }
.AdvBanner .sec-1{ position: relative; }
.AdvBanner .sec-1 .pImg{ position: absolute; top: 40%; left: 14%; width: 100%; }
.AdvBanner .sec-1 .pImg img{ max-width: 30%; }

.AdvBanner .sec-2{ padding-top: 5%; padding-bottom: 5%; text-align: center; }
.AdvBanner .sec-2 img{ max-width: 60%;  }

.AdvBanner .sec-3{ position: relative; }
.AdvBanner .sec-3 .pText{ position: absolute; text-align: center; top: 100px; width: 100%; }
.AdvBanner .sec-3 .pText .mtop{ line-height: 1.5em;color: #fff; margin-top: 0%; -webkit-transition: opacity 1s linear,margin 1s;-moz-transition: opacity 1s linear,margin 1s;-o-transition: opacity 1s linear,margin 1s;transition: opacity 1s linear,margin 1s;opacity: 0;filter: alpha(opacity=0); }
.AdvBanner .sec-3 .pText .mtop_active{ opacity: 100;filter: alpha(opacity=100); }
.AdvBanner .sec-3 .pText .awidth{ width: 70%; margin: 6% auto; line-height: 1.5em; }
.AdvBanner .sec-3 .pText .awidth_active{ margin: 2% auto; }

.AdvBanner .sec-4{ text-align: center; margin-top: 100px; }
.AdvBanner .sec-4 .titleImg{ }
.AdvBanner .sec-4 .titleImg img{ width: auto; max-width: 60%; }
.AdvBanner .sec-4  .awidth{ width: 70%; margin: 2% auto 2% auto; line-height: 1.5em; -webkit-transition: opacity 1s linear;-moz-transition: opacity 1s linear;-o-transition: opacity 1s linear;transition: opacity 1s linear;opacity: 0;filter: alpha(opacity=0);}
.AdvBanner .sec-4  .awidth_active{ opacity: 100;filter: alpha(opacity=100); }
.AdvBanner .sec-4 .dc{ margin: 4% auto; }
.AdvBanner .sec-4 .dc img{ max-width: 22%;  }

.AdvBanner .sec-5{ text-align: center; margin: 100px auto 2% auto; }
.AdvBanner .sec-5 .titleImg{ }
.AdvBanner .sec-5 .titleImg img{width: auto; max-width: 40%; }
.AdvBanner .sec-5  .awidth{ width: 76%; margin: 2% auto 2% auto; line-height: 1.5em; -webkit-transition: opacity 1s linear;-moz-transition: opacity 1s linear;-o-transition: opacity 1s linear;transition: opacity 1s linear;opacity: 0;filter: alpha(opacity=0); }
.AdvBanner .sec-5  .awidth_active{ opacity: 100;filter: alpha(opacity=100); }
.AdvBanner .sec-5 .maxImg img{ max-width: 70%; }

.AdvBanner .sec-6 { position: relative; text-align: center; }
.AdvBanner .sec-6 .pText{ position: absolute; width: 100%; top: 100px; }
.AdvBanner .sec-6 .pText .maxImg img{width: auto; max-width: 40%; }
.AdvBanner .sec-6 .pText .mtop{ line-height: 1.5em; width: 70%; margin: 6% auto 6% auto; -webkit-transition: opacity 1s linear,margin 1s;-moz-transition: opacity 1s linear,margin 1s;-o-transition: opacity 1s linear,margin 1s;transition: opacity 1s linear,margin 1s;opacity: 0;filter: alpha(opacity=0); }
.AdvBanner .sec-6 .pText .mtop_active{ margin: 2% auto 2% auto; opacity: 100;filter: alpha(opacity=100); }
.AdvBanner .sec-6 .box{ width: 46%; margin: 2% auto; white-space: nowrap; }
.AdvBanner .sec-6 .box .smallBox{ display: inline-block; width: 18%;}
.AdvBanner .sec-6 .box .smallBox img{ max-width: 60%; }
.AdvBanner .sec-6 .box .smallBox div{ font-size: 1vw;margin-top: 2%; }

.AdvBanner .sec-7{ background-color: #fbfcfe; text-align: center; position: relative; }
.AdvBanner .sec-7 .pText{ position: absolute;width: 100%; top: 100px; }
.AdvBanner .sec-7 .maxImg img{width: auto; max-width: 40%; }
.AdvBanner .sec-7 .mtop{ width: 70%; margin: 6% auto; line-height: 1.5em;opacity: 0;filter: alpha(opacity=0); -webkit-transition: opacity 1s linear,margin 1s;-moz-transition: opacity 1s linear,margin 1s;-o-transition: opacity 1s linear,margin 1s;transition: opacity 1s linear,margin 1s;}
.AdvBanner .sec-7 .mtop_active{ margin: 2% auto;opacity: 100;filter: alpha(opacity=100); }

.AdvBanner .sec-8{ position: relative; color: #fff; }
.AdvBanner .sec-8 .pText{ position: absolute; top: 0%; left: 40%; z-index: 2;}
.AdvBanner .sec-8 .pText_active{ top: 0%; }
.AdvBanner .sec-8 .pText .mtop{ margin-top: 12%; -webkit-transition: opacity 1s linear,margin-top 1s;-moz-transition: opacity 1s linear,margin-top 1s;-o-transition: opacity 1s linear,margin-top 1s;transition: opacity 1s linear,margin-top 1s;opacity: 0;filter: alpha(opacity=0); }
.AdvBanner .sec-8 .pText .mtop_active{ opacity: 100;filter: alpha(opacity=100); margin-top: 8%; }
.AdvBanner .sec-8 .pText .mt{ margin-top: 8%; width: 60%;line-height: 1.5em; -webkit-transition: opacity 2s linear,margin-top 2s;-moz-transition: opacity 2s linear,margin-top 2s;-o-transition: opacity 2s linear,margin-top 2s;transition: opacity 2s linear,margin-top 2s;opacity: 0;filter: alpha(opacity=0);  }
.AdvBanner .sec-8 .pText .mt_active{ opacity: 100;filter: alpha(opacity=100);margin-top: 4%; }
.AdvBanner .sec-8 .divBox{ width:20%; margin: 2% auto; text-align: center; }
.pics_box ul{ width:100%; margin:0px;}
.pics_box ul:after{ content:""; margin:0; padding:0; clear:both;}
.pics_box li{ padding:0; min-height:400px; background:none;}
.pics_box li .pic{ margin:0;}
.hd{ position:absolute; left:50%; bottom:30px;-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:25px; width:25px; margin:0px 10px;border-radius:50%; -webkit-border-radius: 50%;-moz-border-radius: 50%; background:#7D7D7D; overflow:hidden; text-indent:-999px; cursor:pointer;}
.hd li.on{ background:#0FD2FA;}