@charset "utf-8";


/* technology */

.section {position: relative;background-position:center ; background-repeat:no-repeat;background-size:cover;}
.gf-alpd-technology { position:relative;width:100%;height:100%;overflow:hidden;}
.gf-alpd-technology *{font-weight:normal;}
.technology7 .fp-tableCell {display: block;}
.slimScrollBar {width:0px!important;}
.gfat1 {position: absolute;width: 700px;height:200px;left:50%;top:50%;margin-left: -350px;margin-top: -100px;z-index: 3;}
.logo1{width: 210px;height: 140px;background: url(../images/alpdlogo.svg) center no-repeat;margin: auto;}
.title2{color: #fff;font-size: 40px;text-align: center;padding: 2% 0;}
.title2 sup {font-size: 18px;}
.title1 {width: 100%;position: relative;z-index: 5;}
.title1.center { text-align: center; }
.title1.center * {text-align: center;}
.title1 * {color: #fff;}
.title1 h3{font-size: 40px;line-height: 30px;}
.title1 h2{font-size: 50px;}
.title1 h1{font-size: 60px;}
.title1 h4{font-size: 16px;line-height: 26px;padding:0.9% 0;overflow: hidden;width:51%;margin: auto;animation-delay: 0.3s;}
.title1 h4 sup {font-size: 10px;vertical-align: super;}
.title1 h1 sup {font-size: 26px;}
.gfat2 {text-align: center;width: 1200px;margin: auto;padding:3% 0 0 0;overflow: hidden;position: relative;z-index: 4;}
.gfat2 li{display: inline-block;vertical-align: top;}
.gfat2 li i{width: 70px;height: 70px;display: block;margin: auto;}
.gfat2 li i img{display: block; width:100%;height: auto;}
.gfat2 li h2{color: #fff;font-size: 30px;padding:2% 0;overflow: hidden;}
.gfat2 li h4{color: #999;font-size: 16px;line-height: 24px;}
.liner1 {width:27%;min-height:240px;padding: 2% 1% 0 1%;}
.liner2 {width:31%;background: url(../upload/line1.png) left center no-repeat;min-height:240px;padding: 2% 4% 0 4%;}
.liner3 {width:27%;background: url(../upload/line1.png) left center no-repeat;min-height:240px;padding: 2% 1% 0 1%;}


.gfat3 {width:100%;min-height:500px;position: relative;margin:20px auto auto auto;}
.gfat3-1 {margin: auto;width: 1200px;}
.gfat3-1 img{width: 100%;height: auto;margin: auto;}
.yuanq1,.yuanq2 {width: 499px;height: 497px;position: absolute;top: 0px;z-index: 3;}
.yuanq1 {left:40%; background: url(../upload/yuan2.png) no-repeat; background-size: 100%;}
.yuanq2 {right:40%;background: url(../upload/yuan1.png) no-repeat; background-size: 100%;}
.jgjyg {width: 130px;height:160px;position: absolute;left:50%;top:50%;margin:-70px 0 0 -65px; text-align: center;color: #fff;font-size: 36px;line-height: 36px;z-index: 6;}
.ys1,.ys2,.ys3,.ys4{width: 90px;height: 90px;left:50%;top:50%;position: absolute;background: #0266ce;color: #fff;z-index: 4;overflow: hidden;border-radius:100px;text-align: center;}
.ys5,.ys6 {width: 90px;height: 90px;left:50%;top:50%;position: absolute;background: #0c4798;color: #fff;z-index: 4;overflow: hidden;border-radius:100px;text-align: center;}
.ys1 li,.ys2 li,.ys3 li,.ys4 li,.ys5 li,.ys6 li{display:table;width: 100%;height: 100%;}
.ys1 li span,.ys2 li span,.ys3 li span,.ys4 li span,.ys5 li span,.ys6 li span{display:table-cell;vertical-align: middle;font-size: 14px;padding:5%;}
/*.ys1 {margin:-250px 0 0 -45px;}.ys2 {margin:-140px 0 0 100px;}.ys3 {margin:40px 0 0 100px;}.ys4 {margin:140px 0 0 -45px;}.ys5 {margin:40px 0 0 -430px;}.ys6 {margin:-140px 0 0 -460px;}*/
.ys1 {margin:-200px 0 0 -45px;}
.ys2 {margin:-45px 0 0 70px;}
.ys3 {margin:100px 0 0 -45px;}
.ys4 {margin:-45px 0 0 -160px;}
.ys5 {margin:-10px 0 0 -290px;}
.ys6 {margin:90px 0 0 -250px;}


.gfat4 {margin-top:2%;background: url(../upload/timeline.png) center 5px repeat-x ;overflow: hidden;}
.gf-timeline {width: 1100px;margin: auto;}
.gf-timeline li{ position: relative; display: inline-block;text-align: center;cursor: pointer;}
.gf-timeline li i{width: 10px; height: 10px;position: absolute;left:50%;top:0px;margin-left: -5px;z-index: 1;background: #224f98;border-radius:100px;}
.gf-timeline li h4{color: #224f98;font-size: 24px;padding-top:20px;}
.gf-timeline li h4 sup {font-size:14px;}
.gf-timeline .slick-slide.slick-current.slick-active li h4 {color: #7cc0fc;}
.gf-timeline .slick-slide.slick-current.slick-active li i{background: #7cc0fc;}
.gf-timeline .slick-slide.slick-current.slick-center li i{background: #7cc0fc;}
.gf-timeline .slick-slide.slick-current.slick-center li h4 {color: #7cc0fc;}
.gf-timemain {width: 1100px;margin: auto;background:rgba(0,0,0,0.3);border-radius:20px;margin:1% auto;}
.gf-timemain ul{padding:3% 3% 0 3%;overflow: hidden;}
.gf-timemain ul span{width: 36%;float:left;padding:7% 2%;}
.gf-timemain ul span h2{font-size: 60px;color:#7cc0fc;font-family: Arial;}
.gf-timemain ul span h2 sup {font-size:32px;}
.gf-timemain ul span line{width: 50px; height: 1px;background:#7cc0fc;display: block;margin: 10px 0;}
.gf-timemain ul span h4{font-size: 14px;color:#fff;line-height: 26px;}
.gf-timemain ul span ol{font-size: 14px;color:#fff;line-height: 26px;list-style-position: inside;}
.gf-timemain ul span ol li {width:100%;float:none;text-indent: -1.5em;margin-left: 1.5em;}
.gf-timemain ul li{width: 60%;float: left;}
.gf-timemain ul li img{display: block; width:100%;height: auto;max-height: 467px;}

.gfat5 {width: 1400px;margin:auto;position: relative;z-index: 5;}
.gfat5 img {display: block;margin: auto;max-height: 100%;max-width: 100%;}
.gfat5-mpic {display: none;}
.gfat5-mpic img {display: block;height:auto;width: 100%;}
.pyramid1,.pyramid2,.pyramid3,.pyramid4,.pyramid5,.pyramid6 {position: absolute;}
.pyramid1 { width: 264px;height:245px; background: url(../upload/pyramid3.png);background-size: 100%;left:188px;top: 0px;z-index: 4;}
.pyramid2 { width: 435px;height:255px; background: url(../upload/pyramid2.png);background-size: 100%;left:97px;top: 167px;z-index: 3;}
.pyramid3 { width: 731px;height:345px; background: url(../upload/pyramid1.png);background-size: 100%;left:0;top: 255px;z-index: 2;}
.pyramid4 { width: 1082px;height:202px;background: url(../upload/pyramid44.png?v=1.0);background-size: 100%;right:0;top: 0px;z-index: 1;}
.pyramid5 { width: 1082px;height:134px;background: url(../upload/pyramid5.png);background-size: 100%;right:0;top: 200px;z-index: 1;}
.pyramid6 { width: 1082px;height:152px;background: url(../upload/pyramid6.png);background-size: 100%;right:0;top: 333px;z-index: 1;}



.gfat6 {overflow: hidden;width: 1200px;margin:2% auto auto auto;}
.gf-advantage-icon {float: left;width:35%;margin-top:1%;}
.gf-advantage-icon ul *{font-weight:normal;display: block;overflow: hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.gf-advantage-icon ul {position: relative;overflow:visible;min-height:110px;}
.gf-advantage-icon ul img {display: block;width:100%;max-height:100%;margin: auto;}
.gf-advantage-icon ul li {cursor: pointer;padding:4%;margin: 1px;position: relative;}
.gf-advantage-icon ul li i{float: left;width: 70px;height: 70px;position: relative;z-index: 45;}
.gf-advantage-icon ul li em{width: 70px;height: 70px;position: absolute;z-index:1;left:4%;top:50%;margin-top:-35.5px;background: url(../upload/aicon0.png) center no-repeat;background-size: 100%;}
.gf-advantage-icon ul li h3 {float: left;line-height: 70px;color:#008ffe;font-size: 18px;padding-left:20px;}
.gf-advantage-icon ul span {display:none;border: 1px solid #004888;background: rgba(0,0,0,0.2);padding:4%;width:89%;z-index: 1;border-radius:20px;}
.gf-advantage-icon ul span i{float: left;width: 70px;height: 70px;margin-right: 20px;position: relative;}
.gf-advantage-icon ul span i em{width: 70px;height: 70px;position: absolute;z-index:1;left:0;top:0;background: url(../upload/aicon0.png) center no-repeat;background-size: 100%;}
.gf-advantage-icon ul span h3{color:#008ffe;font-size: 18px;margin:5px 0;}
.gf-advantage-icon ul span h5{color:#fff;font-size: 12px;}
.gf-advantage-icon ul span h5 sup { font-size:12px; line-height:12px; display:inline-block;}
.gf-advantage-icon ul:hover li em{animation: eathspin 2s linear infinite;-webkit-animation: eathspin 2s linear infinite;}
.gf-advantage-icon ul:hover li h3{color:#fff;}
.gf-advantage-icon .slick-slide.slick-current.slick-active  ul span{display:block;}
.gf-advantage-icon .slick-slide.slick-current.slick-active  ul li{display:none;}

.gf-advantage-pic {float: right;width:63%;}
.gf-advantage-pic img{display: block;max-width:100%;max-height:100%;}
.gf-ap-1 {}

.gfat7 {overflow: hidden;width: 1100px;margin: auto;padding-top:1%;}
.gf-market-title {margin-top:2%;width:50%;margin: auto;}
.gf-market-title h4{border-radius:100px;border: 1px solid #334056;color:#4680e9;padding: 5px 0;text-align: center;font-size: 16px;width:90%;margin: auto;cursor:pointer;}
.gf-market-title .slick-slide.slick-current.slick-active h4{background:#4680e9;color: #fff; }
.gf-market-pic {width:90%;margin:2% auto auto auto;}
.gf-market-pic img {display: block;margin: auto;max-width:100%;max-height:100%;}





/* property */


.gfap0 {margin: auto;position: relative;}
.gfap0-1 {width:190px;height: 170px;position: absolute;left:50%;top: 50%;margin: -220px 0 0 -80px;z-index: 3;}
.gfap0-1 {-webkit-animation: fudong 2s ease infinite;animation: fudong 2s ease infinite;}
.gfap0-2 {width:772px;height: 525px;margin: auto;}
.gfap0 img{display: block;margin: auto;max-width:100%;max-height:100%;}
@keyframes fudong{0%{top: 50%;}50%{top: 47%;}100%{top: 50%;}}

.gfap1 {margin-top:9%;overflow: hidden;position: relative;z-index: 3;}
.gfap1 .logo{width:275px;height:195px;display: block;overflow: hidden;margin:10px auto;}
.gfap1 .logo img{display: block;max-width:100%;max-height:100%;}
.gfap1-1 {position: absolute;z-index: 1;width: 517px;height:520px;left:50%;top:50%;margin:-80px 0 0 -258px;background: url(../upload/yuanx.png) center no-repeat;}
.gfap1-2 {position: absolute;z-index: 1;width: 517px;height:520px;left:50%;top:50%;margin:-80px 0 0 -258px;background: url(../upload/yuanx1.png) center no-repeat;}
.gfap1-3 {position: absolute;z-index: 1;width: 517px;height:520px;left:50%;top:50%;margin:-80px 0 0 -258px;background: url(../upload/yuanx2.png) center no-repeat;}


.gfap2 {}
.gfap2 img{display: block;margin: auto;max-width:100%;max-height:100%;}
.mapbox { width: 1220px;margin:1% auto auto auto;-webkit-transform: scale(0.9); -moz-transform: scale(0.9);-o-transform: scale(0.9);-ms-transform: scale(0.9);transform: scale(0.9);}
.mapbox-l { width: 16%;float: left;padding-top:6%; display:none}
.mapbox-l h3{ color: #fff; font-size: 16px;}
.mapbox-l h4{ color: #fff; font-size: 12px;opacity: 0.5}
.mapbox-l li {padding: 20px 0;overflow: hidden;}
.mapbox-l li span{ color: #fff; font-size: 14px;display: block;padding: 4% 0;cursor: pointer;}
.mapbox-l li span:hover { text-decoration: underline; }
.mapbox-l li span i{ width:10px;height: 10px;border-radius:100%;display:inline-block;margin-right: 5px;}
.mapbox-r {/*float: left;*/width: 972px;height: 488px;position: relative; margin: auto}
.mapbox-r li{position: absolute;z-index: 3;}
.mrap0 {width: 972px;height: 488px;background: url(../upload/map0.png) center no-repeat; z-index: 1!important;}
.mrap2 {width:270px;height:154px;left:0px;top:40px;background: url(../upload/map1.png) center no-repeat;}
.mrap3 {width:154px;height:126px;left:416px;top:38px;background: url(../upload/map2.png) center no-repeat;}
.mrap8 {width:379px;height:115px;left:515px;top:24px;background: url(../upload/map3.png) center no-repeat;}
.mrap1 {width:157px;height:114px;left:658px;top:98px;background: url(../upload/map4.png) center no-repeat;}
.mrap4 {width:36px; height:114px;left:824px;top:98px;background: url(../upload/map5.png) center no-repeat;}
.mrap6 {width:14px; height:114px;left:810px;top:97px;background: url(../upload/map6.png) center no-repeat;}
.mrap7 {width:85px; height:97px; left:649px;top:158px;background: url(../upload/map7.png) center no-repeat;}
.mrap5 {width:19px; height:16px; left:800px;top:195px;background: url(../upload/map8.png) center no-repeat;}
.opacity1 {filter:alpha(Opacity=10);-moz-opacity:0.1;opacity: 0.1;}


.gfap3 {width: 1200px;height: 470px;margin: auto;overflow: hidden;position: relative;text-align:center;}
.gfap3-1,.gfap3-2,.gfap3-3 {position: absolute;z-index: 3;left:50%;top:50%;border-radius:100%;color: #fff;font-size: 16px;-moz-box-shadow:0px 0px 30px #558ef8;-webkit-box-shadow:0px 0px 30px #558ef8 ;box-shadow:0px 0px 30px #558ef8;}
.gfap3-1 {width: 400px;height: 400px;margin:-200px 0 0 -200px;background:url(../upload/banyuan.png) center  #005cff;background-size: cover;}
.gfap3-2 {width: 210px;height: 210px;margin:-100px 0 0 -470px;background: #558ef8;}
.gfap3-3 {width: 210px;height: 210px;margin:-100px 0 0 250px;background: #005cff;}
.gfap3-1 .title {overflow: hidden;padding-top:100px;}
.gfap3-1 .title h5{padding-top:10px;}
.gfap3 .num {display: block;clear: both;}
.gfap3 .num *{display: inline-block;vertical-align:middle;font-weight:bold;overflow: hidden;}
.gfap3 .num h1 {font-size: 120px;font-family: Arial;}
.gfap3 .num h3 {font-size: 70px;padding:5px 20px;}
.gfap3 .num h2 {font-size: 50px;padding-top:50px;display: block;font-family: Arial;}
.gfap3 .num h4 {font-size: 14px;font-weight:normal;}
.linel,.liner {position: absolute;z-index: 3;top:50%;height: 1px;width: 100px;background: #fff;}
.linel i,.liner i {height:6px;width:6px;top:-3px;position: absolute;border-radius:100%;overflow: hidden;background: #fff;}
.linel {left:50%; margin-left:80px; }
.liner {right:50%;margin-right:80px;}
.linel i {right:0;}
.liner i {left:0;}

.gfap4 {width: 1236px;height: 540px;padding-top:180px;background: url(../upload/property03.png) no-repeat;background-size: cover;position: relative;margin:auto;}
.gfap4-1 {background: url(../upload/property04.png) no-repeat;background-size: cover;position: absolute;left:50%;bottom:-150px;z-index: 1;width: 492px;height: 508px;margin-left: -220px;}
.gfap4 .title1 h4 {width: 74%;}

.gfap5 {width: 1100px;margin: auto;overflow: hidden;}
.gfap5 ul{ text-align: center;padding: 3% 0;overflow: hidden; }
.gfap5 ul li{ display: inline-block;margin:0 2%; }
.gfap5 ul li img{display: block;margin: auto;width:80%;max-width:100%;max-height:100%;}
.gfap5 ul li h4{color: #fff;overflow: hidden;font-size: 14px;}
.gfap5-1 {font-size: 12px;color: #999;width: 60%;margin:15% auto auto auto;text-align: center;line-height: 22px;}
.gfap5 ul,.gfap5-1,.title1 {position: relative;z-index: 5;}

.gf-property-btn {width:240px;color: #fff;background: rgba(0,0,0,0.5);border: 1px solid #132f66;text-align: center;padding:10px 0;display: block;margin: auto;border-radius:100px;overflow: hidden;}
.gf-property-btn i {width: 20px;height: 20px;background: url(../upload/gflogo.svg);background-size: 100%;display: inline-block;vertical-align: middle;margin-right:10px;}
.gf-property-btn strong {display: inline-block;vertical-align: middle;font-size: 14px;}
.gf-property-btn:hover {background: #1547a4;}
.gf-property-btn:hover strong{color: #fff;}
.gfjt-r {display: inline-block;vertical-align: middle;overflow: hidden;margin:0 10px;}
.gfjt-r line{display:inline-block;vertical-align: middle;width:7px;height: 22px;background: url(../upload/jt-right.svg) center no-repeat;background-size:100%;}
.gfjt-r line:nth-child(1) {filter:alpha(Opacity=20);-moz-opacity:0.2;opacity: 0.2;}
.gfjt-r line:nth-child(2) {filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;}
.gf-property-btn:hover .gfjt-r line {background: url(../upload/jt1-right.svg) center no-repeat;}
.gf-property-btn:hover .gfjt-r line{-webkit-animation: jtflash .7s ease infinite;animation: jtflash .4s ease infinite;}
.gf-property-btn:hover .gfjt-r line:nth-child(1){-webkit-animation: jtflash .7s ease infinite;animation: jtflash .7s ease infinite;}
.gf-property-btn:hover .gfjt-r line:nth-child(2){-webkit-animation: jtflash 1s ease infinite;animation: jtflash 1s ease infinite;}
@keyframes jtflash{0%{filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0;} 100%{filter:alpha(Opacity=10);-moz-opacity:1;opacity:1;}}



.technology1 .mt10b{margin-top:15%}
.technology2 .mt10b{margin-top:15%}
.technology3 .mt10b{margin-top:6%}
.technology4 .mt10b{margin-top:8%}
.technology5 .mt10b{margin-top:12%}
.technology6 .mt10b{margin-top:8%}
.technology7 .mt10b{margin-top:8%}
.property1 .mt10b{margin-top:10%}
.property2 .mt10b{margin-top:10%}
.property3 .mt10b{margin-top:8%}
.property4 .mt10b{margin-top:9%}
.property5 .mt10b{margin-top:8%}
.property6 .mt10b{margin-top:10%}


.fp-slidesNav {display: none}





/* whitepaper */

.h100 {position: relative;height:100%;}
.h100 body{ width:100%;height:100%;}
.h100 .whitepaper,.h100 .gf-wbooks { height:100%;}
.whitepaper {}
.whitepaper-l {width:8%;height:100%;background: #005bac;position: absolute;left:0px;top:0px;z-index: 50;}
.whitepaper-ltitle {position: relative;padding:0 0 0 0px; height: 100%;}
.whitepaper-ltitle h1{width:500px;height:500px;position: absolute;left:50%;top:50%;margin:-50px 0px 0px -500px;z-index: 1;font-size: 60px;font-family: Arial;text-transform: uppercase;font-weight:bold;color:#fff;transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);}
.whitepaper-ltitle span{width:50px;height: 500px;position: absolute;left:50%;top:50%;margin-top: -70px;z-index: 2;text-align: center;}
.whitepaper-ltitle span h3{width:50px;font-size: 30px;line-height: 30px;font-weight:normal;color:#fff;margin:20px auto;}
.whitepaper-ltitle span line { width:2px;height: 260px; background:#337cbd;position: relative;margin:20px auto;display: block;}
.whitepaper-ltitle span line i { width:2px;height: 40px;background:#fff; position: absolute;left:0;top: 0;z-index: 1;display: block;}

.gf-wbooks { padding-top: 80px;overflow: hidden;float: right;width:90%;}
.gf-wbook {background: #00185a;width:80%;padding: 10%;height:80%;overflow:hidden;position:relative;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.gf-wbook * { display: block;overflow: hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.gf-wbook line{width: 10px;height: 350px;background: #0d2462;}
.gf-wbook h3{ color: #1f3066;font-size: 24px;font-weight: bold;z-index: 3;transform: rotate(-90deg);-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-o-transform: rotate(-90deg);-moz-transform: rotate(-90deg);position: absolute;width:200px;height:150px;left:10%;top:25%;}
.gf-wbook li{ text-align: center;padding: 5% 0;}
.gf-wbook li h2{ font-size:18px;color:#337cbd;font-weight: normal;margin-top:50%;}
.gf-wbook li h5{ font-size:12px;color:#999;padding:5% 0;}
.gf-wbook li.wbtns { display:block;}
.gf-wbook li a{ width: 44%; margin:2% 2%;display: inline-block;padding:3% 0;text-align: center;border-radius:100px;font-size:16px;}
.gf-wbook li a.wbtn1{background: #005bac;color:#fff;}
.gf-wbook li a.wbtn1:hover {background: #1c87e7;}
.gf-wbook li a.wbtn2{background: #f5f5f5;color:#666;}
.gf-wbook li a.wbtn2:hover {background: #666;color:#fff;}
.gf-wbook li.wbtns a  { filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;}
.gf-wbook:hover {background: #fff;}
.gf-wbook:hover {background: #fff;}
.gf-wbook:hover li.wbtns a{filter:alpha(Opacity=100);-moz-opacity:1;opacity:1; }
.gf-wbook:hover li.wbtns a.wbtn2 {animation-delay: 0.3s;}

.ani-slide .gf-wbook{width:76%!important;}



/* effect plugins */
#particles-js {left:0px;top: 0px;width: 100%;height: 100%;z-index: 1;position: absolute;filter:alpha(Opacity=50);-moz-opacity:0.5;opacity:0.5;}

.gfap1-1{animation: eathspin 66s linear infinite;-webkit-animation: eathspin 66s linear infinite;}
.gfap1-2{animation: eathspin 26s linear 0.5s infinite;-webkit-animation: eathspin 26s linear 0.5s infinite;}
.gfap1-3{animation: eathspin 16s linear infinite;-webkit-animation: eathspin 16s linear infinite;}

@keyframes eathspin{from {transform:rotate(0);-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);}to {transform:rotate(-360deg);-ms-transform:rotate(-360deg);-moz-transform:rotate(-360deg); -webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);}}
@-moz-keyframes eathspin{from {transform:rotate(0);-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);}to {transform:rotate(-360deg);-ms-transform:rotate(-360deg);-moz-transform:rotate(-360deg); -webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);}}
@-webkit-keyframes eathspin{from {transform:rotate(0);-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);}to {transform:rotate(-360deg);-ms-transform:rotate(-360deg);-moz-transform:rotate(-360deg); -webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);}}
@-o-keyframes eathspin{from {transform:rotate(0);-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);}to {transform:rotate(-360deg);-ms-transform:rotate(-360deg);-moz-transform:rotate(-360deg); -webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);}}

#canvas6 {left:0px;top: 0px;width: 100%;height: 85%;padding-top:10%;z-index: 1;position: absolute;display:block;background: #01153c;}

.leftfadein {animation: fadeInLeft 2s linear 1;-webkit-animation: fadeInLeft 2s linear 1;}
.rightfadein {animation: fadeInRight 2s linear 1;-webkit-animation: fadeInRight 2s linear 1;}
.fadein0 {animation: fadeIn 3s linear 1 1s ;-webkit-animation: fadeIn 3s linear 1 1s;}
.fadein1 { animation: fadeInDown 1s linear 1;-webkit-animation: fadeInDown 1s linear 1; }
.fadein2 { animation: fadeInRight 1s linear 1;-webkit-animation: fadeInRight 1s linear 1; }
.fadein3 { animation: fadeInUp 1s linear 1;-webkit-animation: fadeInUp 1s linear 1; }
.fadein4 { animation: fadeInLeft 1s linear 1;-webkit-animation: fadeInLeft 1s linear 1; }
.fadein5 { animation: fadeOutLeft 1s linear  2.5s 1;-webkit-animation: fadeOutLeft 1s linear  2.5s 1; }
.fadein6 { animation: fadeOutLeft 1s linear  2.0s 1;-webkit-animation: fadeOutLeft 1s linear  2.0s 1; }

#c {left:0px;top: 0px;width: 100%;height:100%;z-index: 1;position: absolute;display:block;filter:alpha(Opacity=30);-moz-opacity:0.3;opacity: 0.3;}
.dg.ac {top: 200px!important; display: none!important;}

.adelay1 {animation-delay: 0.1s;}
.adelay2 {animation-delay: 0.2s;}
.adelay3 {animation-delay: 0.3s;}
.adelay4 {animation-delay: 0.4s;}
.adelay5 {animation-delay: 0.5s;}
.adelay6 {animation-delay: 0.6s;}
.adelay7 {animation-delay: 0.7s;}
.adelay8 {animation-delay: 0.8s;}

.aduration1 {animation-duration: 1s;}
.aduration2 {animation-duration: 2s;}
.aduration3 {animation-duration: 3s;}
.aduration4 {animation-duration: 4s;}
.aduration5 {animation-duration: 5s;}
.aduration6 {animation-duration: 6s;}
.aduration7 {animation-duration: 7s;}
.aduration8 {animation-duration: 8s;}

#canvas1 {position: absolute;left: 0;top: 0; font-family:arial; }

.gf-download {width: 50px;height: 50px;line-height: 50px;text-align: center;position: fixed;right:3%;bottom: 5%;background: #1c87e7;border-radius:100px;color: #fff;z-index: 999;overflow: hidden;border: 2px solid #005bac; font-size:14px;}
.gf-download:hover {color:#fff;background: #005bac;}
.gf-return {width: 50px;height: 50px;line-height: 50px;text-align: center;position: fixed;right:3%;bottom:12%;background: #000;border-radius:100px;color: #666;z-index: 999;overflow: hidden;border: 2px solid #333; font-size:14px;}
.gf-return:hover {color:#fff;background: #333;border: 2px solid #333;}





/* investor */
#investor { min-height:500px; background:#FFF;}
.gf-page-banner {min-height:347px; max-height:347px; background-position:center top; background-repeat:no-repeat; background-size:cover; background-color:#000;}
.gf-pb-text { width:80%; margin:auto; overflow:hidden; position:relative;}
.gf-pb-text * { display:block; overflow:hidden;}
.gf-pb-text h1{ font-size:58px;color:#FFF;filter:alpha(Opacity=10);-moz-opacity:0.1;opacity:0.1; text-transform:uppercase;padding-top:10%;}
.gf-pb-text h4{ font-size:30px;color:#FFF; font-weight:normal;}
.gf-pb-text h4 line{ width:20%; height:2px;position:relative;background:#1d336f; display:inline-block; vertical-align:middle; margin-left:3%;}
.gf-pb-text h4 line i{ width:50px; position:absolute; left:0; top:0px; height:2px; background:#005bac;}

.gf-page-nav { background:#313131;}
.gf-page-nav *{ -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.gf-page-nav ul {width:80%; margin:auto; overflow:hidden;border-left:1px solid #3e3e3e;}
.gf-page-nav ul a{ padding:1.3% 0; overflow:hidden; display:block; float:left; border-right:1px solid #3e3e3e; font-size:18px; color:#FFF; width:14%; text-align:center;}
.gf-page-nav ul a:hover {background: #005bac;}
.gf-page-nav ul a.cur {background: #005bac;}
.gf-page-nav.num3 a{width:20%;}
.gf-page-nav.num4 a{width:16%;}
.gf-page-nav.num5 a{width:14%;}
.gf-page-nav.num6 a{width:13%;}
.gf-page-nav.num7 a{width:12%;}
.gf-page-nav.num8 a{width:11%;}
.gf-page-nav.num9 a{width:10%;}
.pnavfixed { position:fixed; top:50px; width:100%; left:0; z-index:99;}
.pnavfixed ul a{ padding:1% 0; font-size:14px;  width:14%;}

.gf-page-main {width:80%; margin:auto; overflow:hidden;  padding:3% 0;}
.gf-page-main-content {margin:auto; overflow:hidden;}
.pt50 { padding-top:50px;}
.pt100 { padding-top:100px;}
.gf-pmc-title { overflow:hidden;}
.gf-pmc-title h3{ font-size:24px; color:#000; font-weight:normal; padding-bottom:10px;border-bottom:#ccc solid 1px;}
.gf-pmc-title h4{ font-size:18px; color:#333;font-weight:normal; padding-top:20px;}

.tab_main1 {position: relative; overflow:hidden; clear:both;}
.tab1{ margin:auto; text-align:left; width:100%; border-bottom:1px solid #ccc; overflow:hidden;}
.tab1 li{ padding:1.5% 0;width:140px;margin-right:2px; font-size:18px; text-align:left; display:block; float:left;color:#000;cursor:pointer; position:relative;}
.tab1 li:hover,.tab1 li.on { color:#005bac;}
.con1{ margin:auto;position:relative;clear:both; }
.con_main1{ margin:auto; padding:0px; font-size:14px;line-height:24px;color:#333;word-wrap:break-word;}
.gf-members { width:70%;border-bottom:#ccc solid 1px; padding:32px 0px 20px 0px;overflow:hidden;}
.gf-members h3{color:#000; font-size:24px; font-weight:normal;}
.gf-members h3 em { font-size:16px; font-style:normal; padding:0 10px;}
.gf-members li { font-size:14px; line-height:24px; color:#333;padding:10px 0; overflow:hidden;}

.gf-pdf-download-list1 {width:101%;margin:1.2% 0;overflow:hidden;}
.gf-pdf-download-list1 *{ display:block; overflow:hidden;font-weight:normal;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.gf-pdf-download-list1 ul { width:24%; float:left;margin-right:1%;margin-bottom:1%;background:#eaeaea url(../upload/pdf.svg) 90% 85% no-repeat;background-size:20%;}
.gf-pdf-download-list1 ul li{ background:none;padding:5%;min-height:150px; max-height:150px; position:relative;border:#eaeaea solid 1px; }
.gf-pdf-download-list1 ul h4{ font-size:18px;color:#000;}
.gf-pdf-download-list1 ul h5{ font-size:12px; padding:30px 0;width:50%;}
.gf-pdf-download-list1 ul h1 {width:100%;position:absolute; left:0;bottom:10%;display:none; text-align:center;}
.gf-pdf-download-list1 ul h1 a{ width:35%; margin:0 1%; padding:10px 0;display:inline-block; background:#005bac;border-radius:100px;color:#FFF; font-size:14px;}
.gf-pdf-download-list1 ul h1 a:first-child {background:#09F;}
.gf-pdf-download-list1 ul h6{ font-size:16px; padding:10px 0; text-align:center; background:#005bac;border-radius:100px; color:#FFF; width:160px;position:absolute; left:50%; margin-left:-80px; bottom:10%;display:none; }
.gf-pdf-download-list1 ul li:hover h5{ display:none; }
.gf-pdf-download-list1 ul li:hover h6,.gf-pdf-download-list1 ul li:hover h1{ display:block;}
.gf-pdf-download-list1 ul li:hover {border:#005bac solid 1px; background:#FFF;}

.gf-pdf-download-list2 {width:101%;margin:1.2% 0;overflow:hidden;}
.gf-pdf-download-list2 *{ display:block; overflow:hidden;font-weight:normal;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.gf-pdf-download-list2 ul { width:19%; float:left;margin-right:1%;margin-bottom:1%;background:#eaeaea url(../upload/pdf1.svg) right top no-repeat;background-size:100%;}
.gf-pdf-download-list2 ul li { background:none;padding:5%;min-height:350px; max-height:350px; position:relative;}
.gf-pdf-download-list2 ul h4{ font-size:18px;color:#000; text-align:center; width:90%; margin:auto;padding-top:110%;}
.gf-pdf-download-list2 ul span{ position:absolute; right:90%; top:0; width:100%; height:90%; z-index:3;transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);}
.gf-pdf-download-list2 ul span line{ height:8px; background:#005bac; width:200px;}
.gf-pdf-download-list2 ul span h5{ font-size:18px; color:#005bac; font-family:Arial; font-weight:bold; text-transform:uppercase;}
.gf-pdf-download-list2 ul h6{font-size:16px; padding:10px 0; text-align:center; background:#005bac;border-radius:100px; color:#FFF; width:160px;position:absolute; left:50%; margin-left:-80px; bottom:10%;display:none;}
.gf-pdf-download-list2 ul h1 {width:100%;position:absolute; left:0;bottom:10%;display:none; text-align:center;}
.gf-pdf-download-list2 ul h1 a{ width:35%; margin:0 1%; padding:10px 0;display:inline-block; background:#005bac;border-radius:100px;color:#FFF; font-size:14px;}
.gf-pdf-download-list2 ul h1 a:first-child {background:#09F;}
.gf-pdf-download-list2 ul li:hover h6,.gf-pdf-download-list2 ul li:hover h1{ display:block;}
.gf-pdf-download-list2 ul li:hover h4{ display:none; }
.gf-pdf-download-list2 ul li:hover { background:rgba(65,166,255,0.8);}

.gf-pdf-download-list3 {width:100%;margin:1.2% 0;overflow:hidden; background:#dfdfdf; padding:0;}
.gf-pdf-download-list3 *{ display:block; overflow:hidden;font-weight:normal;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.gf-pdf-download-list3 li { width:100%;}
.gf-pdf-download-list3 li a { padding:1% 5%;position:relative;}
.gf-pdf-download-list3 li h6{ font-size:12px;color:#666; text-align:center; padding:5px 0;float:left; width:100px; background:#fff;border-radius:100px; border:#dfdfdf 1px solid;}
.gf-pdf-download-list3 li h4{ font-size:16px;color:#000; text-align:left; padding:2px 0; width:85%; float:left; padding-left:1%;}
.gf-pdf-download-list3 li i { display:none;width:28px; height:28px; position:absolute; right:5%; top:50%; margin-top:-14px; background:url(../upload/xiazai.svg) center no-repeat;background-size:100%;opacity:0.5;}

.gf-pdf-download-list3 li a:hover h6{background:#005bac;color:#fff;}
.gf-pdf-download-list3 li a:hover h4{color:#005bac;padding-left:2%;}
.gf-pdf-download-list3 li a:hover i {opacity:1.0;}
.l3bg1 { background:#eaeaea;}
.l3bg2 { background:#fff;}
.gf-pdl-tip { font-size:12px; color:#666;padding:1% 5%;border-top:#ccc solid 1px;}

.gf-share-price {width:100%;margin:1.2% 0;overflow:hidden; background:#eaeaea; padding:2% 0;}
.gf-share-pricel {padding:2% 5%;overflow:hidden; width:40%; float:left; border-right:#CCC 1px  solid;}
.gf-share-pricel li {padding:1% 0;overflow:hidden;}
.gf-share-pricel li h3{ font-size:24px; color:#000;font-weight:normal;}
.gf-share-pricel li h1{ font-size:66px; color:#e00000; padding-right:2%;font-family: 'Oswald-Regular';}
.gf-share-pricel li i {position:relative;width:0;height:0;border-width:14px;border-style: solid;border-color: transparent #e00000 transparent transparent;transform: rotate(90deg);}
.gf-share-pricel li h4{ font-size:24px; color:#959595;  padding:0 2%}
.gf-share-pricel li h5{ font-size:24px; color:#005bac;font-weight:normal; padding:0 2%;}
.gf-share-pricel li h6{ font-size:12px; color:#999;font-weight:normal; line-height:24px;}
.gf-share-pricel li h1,.gf-share-pricel li h4,.gf-share-pricel li h5,.gf-share-pricel li i{display:inline-block; vertical-align: baseline;}
.gf-share-pricer {padding:6% 0 2% 0;overflow:hidden; width:45%; float:left; text-align:center;}
.gf-share-pricer li{ display:inline-block; width:24%;}
.gf-share-pricer li h3{ font-size:24px; color:#000;font-weight:normal;padding:10px 0;overflow:hidden;font-family: 'Oswald-Regular';}
.gf-share-pricer li h4{ font-size:18px; color:#333;font-weight:normal;}

.gf-page-investor-contact { width:80%;text-align:center;margin:3% auto 5% auto;}
.gf-page-investor-contact li{ width:30%; margin:0 1%;border:#CCC 1px solid;background:#f1f1f1;margin-top:50px; position:relative;padding:30px 0; display:inline-block; vertical-align:top;}
.gf-page-investor-contact li i{ width:100px; height:49px;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;background:#f1f1f1;border-radius: 200px 200px 0 0; text-align:center; display:block; position:absolute; left:50%; margin-left:-50px; top:-50px;}
.gf-page-investor-contact li i img { display:inline-block;  width:50px; height:50px; margin:10px auto auto auto;}
.gf-page-investor-contact li h4{ font-size:24px; font-weight:normal;border-bottom:1px solid #ccc; padding-bottom:10px; width:90%; margin:auto;}
.gf-page-investor-contact li h1{ font-size:30px;padding-top:23px;font-family: 'Oswald-Regular';}
.gf-page-investor-contact li h1.c1 { color:#005bac;}
.gf-page-investor-contact li h1.c2 { color:#c20000;}
.gf-page-investor-contact li h2 {}
.gf-page-investor-contact li h2 img{padding-top:10px;}