@CHARSET "UTF-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li, fieldset, form, label, input, button, select, textarea, img, table, th, td, article, aside, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video, p{padding:0;margin:0;border: 0 none;color: rgba(255,255,255,1);line-height: 18px;font: 16px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;list-style:none;}
input, textarea, a{outline: none;resize: none;}
a{text-decoration: none;
  -moz-transition: background 0.4s ease-in-out, opacity 0.4s ease-in-out, border 0.4s ease-in-out, color 0.4s ease-in-out, box-shadow 0.4s ease-in-out, border-radius 0.4s ease-in-out;
  -webkit-transition: background 0.4s ease-in-out, opacity 0.4s ease-in-out, border 0.4s ease-in-out, color 0.4s ease-in-out, box-shadow 0.4s ease-in-out, border-radius 0.4s ease-in-out;
  -o-transition: background 0.4s ease-in-out, opacity 0.4s ease-in-out, border 0.4s ease-in-out, color 0.4s ease-in-out, box-shadow 0.4s ease-in-out, border-radius 0.4s ease-in-out;
  -ms-transition: background 0.4s ease-in-out, opacity 0.4s ease-in-out, border 0.4s ease-in-out, color 0.4s ease-in-out, box-shadow 0.4s ease-in-out, border-radius 0.4s ease-in-out;
  transition: background 0.4s ease-in-out, opacity 0.4s ease-in-out, border 0.4s ease-in-out, color 0.4s ease-in-out，box-shadow 0.4s ease-in-out, border-radius 0.4s ease-in-out;}
.clr{clear: both;}
*{margin: 0; padding: 0;}
a{-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;}
@font-face{font-family: zkcjh;src:url(../fonts/字魂143号-正酷超级黑.ttf);}
html, body{width: 2160px;height: 3840px;background: url(../images/bg.jpg) center center no-repeat;margin: auto;background-size: 100%;}
video::-webkit-media-controls{ display:none !important; }

.line_svg{position: absolute;margin: auto;left: 0;right: 0;top: 0;bottom: 0;width: 1822px;height: 1852px;}
.line_svg svg{transform: scale(2);position: absolute;margin: auto;left: 0;right: 0;top: 0;bottom: 0;}
.path{-webkit-animation: slide 30s linear infinite;}
ul.round{position: absolute;margin: auto;width: 1822px;height: 1852px;left: 0;right: 0;top: 0;bottom: 0;z-index: 2;}
ul.round li{background: #fff;border-radius: 100%;position: absolute;animation: bs 30s infinite;}
ul.round li.one{width: 66px;height: 66px;left: 60px;top: 620px;}
ul.round li.two{width: 114px;height: 114px;left: 0px;top: 820px;}
ul.round li.thr{width: 44px;height: 44px;left: 242px;top: 876px;}
ul.round li.fou{width: 68px;height: 68px;left: 528px;top: 1200px;}
ul.round li.fiv{width: 44px;height: 44px;left: 758px;top: 1476px;}
ul.round li.six{width: 114px;height: 114px;left: 910px;top: 1738px;}
ul.round li.sev{width: 72px;height: 72px;left: 944px;top: 1352px;}
ul.round li.eig{width: 44px;height: 44px;left: 994px;top: 1034px;}
ul.round li.nin{width: 52px;height: 52px;left: 1066px;top: 878px;}
ul.round li.ten{width: 128px;height: 128px;left: 1286px;top: 356px;}
ul.round li.ele{width: 46px;height: 46px;left: 1428px;top: 206px;}
ul.round li.twe{width: 46px;height: 46px;left: 1432px;top: 64px;}
ul.round li.trn{width: 46px;height: 46px;left: 1572px;top: 0px;}
ul.round li.frn{width: 46px;height: 46px;left: 1724px;top: 30px;}
ul.round li.ffn{width: 46px;height: 46px;left: 1774px;top: 194px;}
ul.round li.sxn{width: 46px;height: 46px;left: 1650px;top: 356px;}
ul.round li.snn{width: 46px;height: 46px;left: 1512px;top: 352px;}
ul.round li:nth-of-type(1){animation-delay: .1s;}
ul.round li:nth-of-type(2){animation-delay: .5s;}
ul.round li:nth-of-type(3){animation-delay: 1.0s;}
ul.round li:nth-of-type(4){animation-delay: 2.1s;}
ul.round li:nth-of-type(5){animation-delay: 3.0s;}
ul.round li:nth-of-type(6){animation-delay: 3.8s;}
ul.round li:nth-of-type(7){animation-delay: 4.9s;}
ul.round li:nth-of-type(8){animation-delay: 5.8s;}
ul.round li:nth-of-type(9){animation-delay: 6.2s;}
ul.round li:nth-of-type(10){animation-delay: 7.5s;}
ul.round li:nth-of-type(11){animation-delay: 8.0s;}
ul.round li:nth-of-type(12){animation-delay: 8.4s;}
ul.round li:nth-of-type(13){animation-delay: 8.8s;}
ul.round li:nth-of-type(14){animation-delay: 9.2s;}
ul.round li:nth-of-type(15){animation-delay: 9.7s;}
ul.round li:nth-of-type(16){animation-delay: 10.0s;}
ul.round li:nth-of-type(17){animation-delay: 10.4s;}
ul.round li a{display: block;height: 100%;}
ul.round_t{position: absolute;margin: auto;width: 1822px;height: 1852px;left: 0;right: 0;top: 0;bottom: 0;z-index: 1;}
ul.round_t li{background: #fff;border-radius: 100%;position: absolute;animation: sh 30s infinite;}
ul.round_t li.one{width: 66px;height: 66px;left: 60px;top: 620px;}
ul.round_t li.two{width: 114px;height: 114px;left: 0px;top: 820px;}
ul.round_t li.thr{width: 44px;height: 44px;left: 242px;top: 876px;}
ul.round_t li.fou{width: 68px;height: 68px;left: 528px;top: 1200px;}
ul.round_t li.fiv{width: 44px;height: 44px;left: 758px;top: 1476px;}
ul.round_t li.six{width: 114px;height: 114px;left: 910px;top: 1738px;}
ul.round_t li.sev{width: 72px;height: 72px;left: 944px;top: 1352px;}
ul.round_t li.eig{width: 44px;height: 44px;left: 994px;top: 1034px;}
ul.round_t li.nin{width: 52px;height: 52px;left: 1066px;top: 878px;}
ul.round_t li.ten{width: 128px;height: 128px;left: 1286px;top: 356px;}
ul.round_t li.ele{width: 46px;height: 46px;left: 1428px;top: 206px;}
ul.round_t li.twe{width: 46px;height: 46px;left: 1432px;top: 64px;}
ul.round_t li.trn{width: 46px;height: 46px;left: 1572px;top: 0px;}
ul.round_t li.frn{width: 46px;height: 46px;left: 1724px;top: 30px;}
ul.round_t li.ffn{width: 46px;height: 46px;left: 1774px;top: 194px;}
ul.round_t li.sxn{width: 46px;height: 46px;left: 1650px;top: 356px;}
ul.round_t li.snn{width: 46px;height: 46px;left: 1512px;top: 352px;}
ul.round_h{position: absolute;margin: auto;width: 1822px;height: 1852px;left: 0;right: 0;top: 0;bottom: 0;z-index: 1;}
ul.round_h li{background: #fff;border-radius: 100%;position: absolute;animation: sh 30s infinite;}
ul.round_h li.one{width: 66px;height: 66px;left: 60px;top: 620px;}
ul.round_h li.two{width: 114px;height: 114px;left: 0px;top: 820px;}
ul.round_h li.thr{width: 44px;height: 44px;left: 242px;top: 876px;}
ul.round_h li.fou{width: 68px;height: 68px;left: 528px;top: 1200px;}
ul.round_h li.fiv{width: 44px;height: 44px;left: 758px;top: 1476px;}
ul.round_h li.six{width: 114px;height: 114px;left: 910px;top: 1738px;}
ul.round_h li.sev{width: 72px;height: 72px;left: 944px;top: 1352px;}
ul.round_h li.eig{width: 44px;height: 44px;left: 994px;top: 1034px;}
ul.round_h li.nin{width: 52px;height: 52px;left: 1066px;top: 878px;}
ul.round_h li.ten{width: 128px;height: 128px;left: 1286px;top: 356px;}
ul.round_h li.ele{width: 46px;height: 46px;left: 1428px;top: 206px;}
ul.round_h li.twe{width: 46px;height: 46px;left: 1432px;top: 64px;}
ul.round_h li.trn{width: 46px;height: 46px;left: 1572px;top: 0px;}
ul.round_h li.frn{width: 46px;height: 46px;left: 1724px;top: 30px;}
ul.round_h li.ffn{width: 46px;height: 46px;left: 1774px;top: 194px;}
ul.round_h li.sxn{width: 46px;height: 46px;left: 1650px;top: 356px;}
ul.round_h li.snn{width: 46px;height: 46px;left: 1512px;top: 352px;}
.layer{width: 1600px;height: 3080px;margin: auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.layer .head{width: 660px;height: 920px;margin: auto;border: 20px solid rgba(255,255,255,0.8);border-radius: 40px;position: relative;z-index: 4;box-shadow: 0 24px 32px rgba(0,0,0,0.1);}
.layer .head img{border-radius: 20px;width: 660px;}
.layer .head video{border-radius: 20px;width: 660px;height: 920px;}
.layer .box{width: 1600px;height: 2600px;background: rgba(255,255,255,0.95);border-radius: 40px;position: absolute;bottom: 0;z-index: 3;}
.layer .box .play{position: absolute;z-index: 9;right: 0;top: 0;}
.layer .box .play a{display: block;width: 180px;height: 180px;}
.layer .box .play a img{width: 108px;height: 108px;margin: 36px;}
.layer .box .title{text-align: center;padding: 560px 100px 0;}
.layer .box .title h4{font-family: zkcjh;font-size: 72px;color: #091E44;margin: 0 0 20px;}
.layer .box .title span{font-family: PingFang SC;font-size: 42px;color: #091E44;}
.layer .box .txt{padding: 48px 100px 0;}
.layer .box .txt p{font-family: PingFang SC;font-size: 42px;color: #091E44;margin: 48px 0;font-weight: 400;text-align: left;}
.btn_a{position: absolute;z-index: 10;width: 320px;margin: auto;left: 0;right: 0;height: 236px;bottom: 72px;}
.btn_a a{position: absolute;bottom: 0;left: 0;right: 0;margin: auto;width: 304px;}
.btn_a a img{width: 300px;}

@keyframes slide {
    0%{stroke-dasharray:0 3000px;}
    50%{stroke-dasharray:3000px 3000px;}   }

@keyframes bs {
   2%{box-shadow: 0 0 60px rgba(255,255,255,1);}   }

@keyframes sh {
	50%{box-shadow: 0 0 0 rgba(255,255,255,1);}
	58%{box-shadow: 0 0 60px rgba(255,255,255,1);}
	66%{box-shadow: 0 0 0 rgba(255,255,255,1);}
	74%{box-shadow: 0 0 60px rgba(255,255,255,1);}
	82%{box-shadow: 0 0 0 rgba(255,255,255,1);}
	90%{box-shadow: 0 0 60px rgba(255,255,255,1);}
	98%{box-shadow: 0 0 0 rgba(255,255,255,1);}   }


@media screen and (max-width: 1920px){
html, body{width: 1080px;height: 1920px;}
.line_svg{width: 911px;height: 927px;}
.line_svg svg{transform: scale(1);}
ul.round{width: 911px;height: 927px;}
ul.round li.one{width: 33px;height: 33px;left: 30px;top: 310px;}
ul.round li.two{width: 57px;height: 57px;left: 0px;top: 410px;}
ul.round li.thr{width: 22px;height: 22px;left: 121px;top: 438px;}
ul.round li.fou{width: 34px;height: 34px;left: 264px;top: 600px;}
ul.round li.fiv{width: 22px;height: 22px;left: 379px;top: 738px;}
ul.round li.six{width: 57px;height: 57px;left: 455px;top: 869px;}
ul.round li.sev{width: 36px;height: 36px;left: 472px;top: 676px;}
ul.round li.eig{width: 22px;height: 22px;left: 497px;top: 517px;}
ul.round li.nin{width: 26px;height: 26px;left: 533px;top: 439px;}
ul.round li.ten{width: 64px;height: 64px;left: 643px;top: 178px;}
ul.round li.ele{width: 23px;height: 23px;left: 714px;top: 103px;}
ul.round li.twe{width: 23px;height: 23px;left: 716px;top: 32px;}
ul.round li.trn{width: 23px;height: 23px;left: 786px;top: 0px;}
ul.round li.frn{width: 23px;height: 23px;left: 862px;top: 15px;}
ul.round li.ffn{width: 23px;height: 23px;left: 887px;top: 97px;}
ul.round li.sxn{width: 23px;height: 23px;left: 825px;top: 178px;}
ul.round li.snn{width: 23px;height: 23px;left: 756px;top: 176px;}
ul.round_t{width: 911px;height: 927px;}
ul.round_t li.one{width: 33px;height: 33px;left: 30px;top: 310px;}
ul.round_t li.two{width: 57px;height: 57px;left: 0px;top: 410px;}
ul.round_t li.thr{width: 22px;height: 22px;left: 121px;top: 438px;}
ul.round_t li.fou{width: 34px;height: 34px;left: 264px;top: 600px;}
ul.round_t li.fiv{width: 22px;height: 22px;left: 379px;top: 738px;}
ul.round_t li.six{width: 57px;height: 57px;left: 455px;top: 869px;}
ul.round_t li.sev{width: 36px;height: 36px;left: 472px;top: 676px;}
ul.round_t li.eig{width: 22px;height: 22px;left: 497px;top: 517px;}
ul.round_t li.nin{width: 26px;height: 26px;left: 533px;top: 439px;}
ul.round_t li.ten{width: 64px;height: 64px;left: 643px;top: 178px;}
ul.round_t li.ele{width: 23px;height: 23px;left: 714px;top: 103px;}
ul.round_t li.twe{width: 23px;height: 23px;left: 716px;top: 32px;}
ul.round_t li.trn{width: 23px;height: 23px;left: 786px;top: 0px;}
ul.round_t li.frn{width: 23px;height: 23px;left: 862px;top: 15px;}
ul.round_t li.ffn{width: 23px;height: 23px;left: 887px;top: 97px;}
ul.round_t li.sxn{width: 23px;height: 23px;left: 825px;top: 178px;}
ul.round_t li.snn{width: 23px;height: 23px;left: 756px;top: 176px;}
ul.round_h{width: 911px;height: 927px;}
ul.round_h li.one{width: 33px;height: 33px;left: 30px;top: 310px;}
ul.round_h li.two{width: 57px;height: 57px;left: 0px;top: 410px;}
ul.round_h li.thr{width: 22px;height: 22px;left: 121px;top: 438px;}
ul.round_h li.fou{width: 34px;height: 34px;left: 264px;top: 600px;}
ul.round_h li.fiv{width: 22px;height: 22px;left: 379px;top: 738px;}
ul.round_h li.six{width: 57px;height: 57px;left: 455px;top: 869px;}
ul.round_h li.sev{width: 36px;height: 36px;left: 472px;top: 676px;}
ul.round_h li.eig{width: 22px;height: 22px;left: 497px;top: 517px;}
ul.round_h li.nin{width: 26px;height: 26px;left: 533px;top: 439px;}
ul.round_h li.ten{width: 64px;height: 64px;left: 643px;top: 178px;}
ul.round_h li.ele{width: 23px;height: 23px;left: 714px;top: 103px;}
ul.round_h li.twe{width: 23px;height: 23px;left: 716px;top: 32px;}
ul.round_h li.trn{width: 23px;height: 23px;left: 786px;top: 0px;}
ul.round_h li.frn{width: 23px;height: 23px;left: 862px;top: 15px;}
ul.round_h li.ffn{width: 23px;height: 23px;left: 887px;top: 97px;}
ul.round_h li.sxn{width: 23px;height: 23px;left: 825px;top: 178px;}
ul.round_h li.snn{width: 23px;height: 23px;left: 756px;top: 176px;}
.layer{width: 800px;height: 1540px;}
.layer .head{width: 330px;height: 460px;border: 10px solid rgba(255,255,255,0.8);border-radius: 20px;box-shadow: 0 12px 16px rgba(0,0,0,0.1);}
.layer .head img{border-radius: 10px;width: 330px;}
.layer .head video{border-radius: 10px;width: 330px;height: 460px;}
.layer .box{width: 800px;height: 1300px;border-radius: 20px;}
.layer .box .play a{width: 90px;height: 90px;}
.layer .box .play a img{width: 54px;height: 54px;margin: 18px;}
.layer .box .title{padding: 280px 50px 0;}
.layer .box .title h4{font-size: 36px;margin: 0 0 10px;}
.layer .box .title span{font-size: 21px;}
.layer .box .txt{padding: 24px 50px 0;}
.layer .box .txt p{font-size: 21px;margin: 24px 0;}
.btn_a{width: 160px;height: 118px;bottom: 36px;}
.btn_a a{width: 152px;}
.btn_a a img{width: 150px;}

@keyframes bs {
   2%{box-shadow: 0 0 30px rgba(255,255,255,1);}   }

@keyframes sh {
  50%{box-shadow: 0 0 0 rgba(255,255,255,1);}
  58%{box-shadow: 0 0 30px rgba(255,255,255,1);}
  66%{box-shadow: 0 0 0 rgba(255,255,255,1);}
  74%{box-shadow: 0 0 30px rgba(255,255,255,1);}
  82%{box-shadow: 0 0 0 rgba(255,255,255,1);}
  90%{box-shadow: 0 0 30px rgba(255,255,255,1);}
  98%{box-shadow: 0 0 0 rgba(255,255,255,1);}   }
}