*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}
a{border:none;color:inherit;text-decoration:none}
a:hover{color:#b24000}
a.xq{color:#ed3a3a;font-size:smaller}
em,i,li,ul{list-style:none;font-style:normal}
img{border:none;vertical-align:middle}
.lt{float:left}
.rt{float:right}
body{margin:0 auto;width:100%;color: #fff;font:.25rem/.5rem Microsoft Yahei}
@media (min-width: 300px){html{font-size: 40px;}
}@media (min-width:400px){html{font-size:50px !important}
}@media (min-width:450px){html{font-size:60px !important}
}

.windows{display:none !important}
section{display:inline-block;width:100%}

.part1{position:relative}
.top{width:100%;height:1.5rem;background:#0a162b;padding:0 5%;left:0;position:fixed;top:0;right:0;z-index:100;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center}
.top img{width:3.25rem}
.top a:last-child{border-radius:3rem;padding:2% 5%;text-align:center;background:linear-gradient(180deg,#6ba6e8,#0030ff);font-size:.4rem;color:#fff}
.cont{padding:.5rem 5%;margin-top:1.5rem;background:url(../image/ming_02.png) no-repeat;width:100%;height:20rem;display:inline-block}
.cont .bg{position:absolute;top:0;right:0;width:50%;z-index:-1}
.cont .bg img{width:100%}
.cont .dv1 h3{font-size:.7rem;margin:0.2rem 0;height:.8rem}
.cont .desc_box li{padding-top:0.16103rem;padding-bottom:0.08052rem}
.cont .desc_box li img{width:1rem;height:1rem;float:left;margin-right:0.2rem}
.cont .desc_box li p{margin-left:0.32206rem;font-size:.4rem;line-height:1rem}


@-webkit-keyframes tocircle{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}@keyframes tocircle{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
.cont .appShow{width:100%;display:block;text-align: center;}
.cont .appShow>svg{width:100%;height:90%;-webkit-transform:translateZ(0);max-width: 500px;}
.cont .appShow>svg .ellip .ellipbox{-webkit-transform:translateX(-.3%);transform:translateX(-.3%)}
.cont .appShow>svg .ellip .ellipbox .ellipop{-webkit-transform-origin:203pt 202pt;transform-origin:203pt 202pt;opacity:.3;filter:alpha(opacity=30)}
.cont .appShow>svg .ellip .ellipbox .ellipop.ellipop1{-webkit-animation:tocircle 4s linear infinite;animation:tocircle 4s linear infinite}
.cont .appShow>svg .ellip .ellipbox .ellipop.ellipop2{-webkit-transform:rotate(135deg) translate(-1.2%,-1%);transform:rotate(135deg) translate(-1.2%,-1%);-webkit-animation:tocircle 2s linear infinite;animation:tocircle 2s linear infinite}
.cont .appShow>svg .ellip .ellipbox .ellipop.ellipop3{-webkit-transform:rotate(75deg) translate(1.5%,-1.2%);transform:rotate(75deg) translate(1.5%,-1.2%);-webkit-animation:tocircle 5s linear infinite;animation:tocircle 5s linear infinite}
.cont .appShow>svg .ellip .elliptop{opacity:1;filter:alpha(opacity=100)}

@-webkit-keyframes fide-out{form{opacity:1}
to{opacity:0}
}@keyframes fide-out{form{opacity:1}
to{opacity:0}
}@-webkit-keyframes fide-in{form{opacity:0}
to{opacity:1}
}@keyframes fide-in{form{opacity:0}
to{opacity:1}
}
.cont .gray_img_one{-webkit-animation-name:fide-out;animation-name:fide-out;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.cont .color_img_one,.gray_img_one{-webkit-animation-delay:3s;animation-delay:3s}
.cont .color_img_one{-webkit-animation-name:fide-in;animation-name:fide-in;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.cont .gray_img_two{-webkit-animation-name:fide-out;animation-name:fide-out;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.cont .color_img_two,.gray_img_two{-webkit-animation-delay:4s;animation-delay:4s}
.cont .color_img_two{-webkit-animation-name:fide-in;animation-name:fide-in;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.cont .gray_img_three{-webkit-animation-name:fide-out;animation-name:fide-out;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.cont .color_img_three,.gray_img_three{-webkit-animation-delay:5s;animation-delay:5s}
.cont .color_img_three{-webkit-animation-name:fide-in;animation-name:fide-in;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.cont .gray_img_four{-webkit-animation-name:fide-out;animation-name:fide-out;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.cont .color_img_four,.gray_img_four{-webkit-animation-delay:6s;animation-delay:6s}
.cont .color_img_four{-webkit-animation-name:fide-in;animation-name:fide-in;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.cont .gray_img_five{-webkit-animation-name:fide-out;animation-name:fide-out;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.cont .color_img_five,.gray_img_five{-webkit-animation-delay:7s;animation-delay:7s}
.cont .color_img_five{-webkit-animation-name:fide-in;animation-name:fide-in;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}

.btn1{margin-bottom:0.8rem;width:90%;margin:0 5%;display:inline-block;text-align:center;text-decoration:none;background:#0a162b;box-shadow:0 0.0161rem 0.02415rem 0.0161rem rgba(0,0,0,.4);font-size:.55rem;border-radius:0.18rem;line-height:1.1rem}
.btn2{text-align:center;padding-top:0.7rem}
.btn2 .btn21{font-size:.55rem;margin-bottom:.5rem}
.btn2 .btn21 em{border-top:1px solid #000;display:inline-block;width:23%;vertical-align:middle}
.btn2 li{display:inline-block;width:24%;text-align:center;vertical-align:middle;font-size:.25rem}
.btn2 a{width:100%;font-size:.40258rem;display:inline-block}
.btn2 a:hover,.btn2 a.hover{border:1px solid #333;border-radius:5px}
.btn2 a img{width:0.68rem}
.btn2 a p{font-size:.3rem;margin-top:3px}
footer{background:#0a162b}
.foot{margin:0 3%;overflow:hidden}
footer .f1{border-bottom:1px solid #4d4e56;display:inline-block;width:100%}
footer .f1 p{line-height:1.5rem;font-size:.3rem;text-align:center}
footer .f2{padding:0.5rem 0;display:flex;-webkit-box-pack:justify;justify-content:space-between;width:100%}
footer .f2 h3{margin-bottom:.25rem;font-size:.42rem}
footer .f2 li{font-size:.3rem;padding:2px 0}
footer .f2 li a{color:#fff;opacity:.8}
footer .f3{border-top:1px solid #4d4e56;padding:0.25rem 0 0.35rem;display:inline-block;width:100%}
footer .f3 a{margin-right:5px}
footer .f3 img{width:0.65rem;height:0.65rem}