*{-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:#333;font:.25rem/.5rem Microsoft Yahei}
@media (min-width:700px){html{font-size:40px !important}
}@media (min-width:800px){html{font-size:45px !important}
}@media (min-width:900px){html{font-size:50px !important}
}@media (min-width:1000px){html{font-size:55px !important}
}@media (min-width:1100px){html{font-size:60px !important}
}@media (min-width:1300px){html{font-size:70px !important}
}@media (min-width:1500px){html{font-size:80px !important}
}@media (min-width:1600px){html{font-size:90px !important}
}

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

.part1{position:relative}
.top{padding:0.5rem 0.5rem 0.35rem}
.top img{width:3.25rem}
.cont{display:-webkit-box;justify-content:space-between;padding:0 0.5rem}
.cont .lt{width:50%}
.cont .lt h3{font-size:.7rem;margin:0.2rem 0;height:.8rem}
.desc_box li{padding-top:0.16103rem;padding-bottom:0.08052rem}
.desc_box li img{width:0.7rem;height:0.7rem;float:left;margin-right:0.2rem}
.desc_box li p{margin-left:0.32206rem;font-size:.32206rem;line-height:.7rem}
.btn1{margin-top:0.4rem}
.btn1 a{width:6.5rem;display:inline-block;border:0.00805rem solid #ccc;text-align:center;padding:0.18rem 0.2rem;text-decoration:none;background-color:#333;color:#fff;border-radius:0.16103rem}
.btn1 a img{width:0.48rem;margin-right:0.24155rem}
.btn1 a span{font-size:.35rem;vertical-align:bottom}
.btn2{text-align:left;padding-top:0.4rem}
.btn2 li{position:relative;padding:0.09662rem 0.0161rem;display:inline-block;width:1.25rem;margin-right:0.04026rem;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.35rem}
.btn2 a p{color:#2a2b32;font-size:.23rem}
.cont .rt{width:50%;margin-top:-0.5rem}
.cont .rt .bg{position:absolute;top:0;right:0;width:50%;z-index:-1}
.cont .rt .bg img{width:100%}
.showSvg{width:100%;height:90%}
@-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)}
}
.showSvg{width:100%;display:block;text-align: center;}
.showSvg>svg{width:100%;height:90%;-webkit-transform:translateZ(0);max-width: 500px;}
.showSvg>svg .ellipboxPC{-webkit-transform:translateX(-.3%);transform:translateX(-.3%)}
.showSvg>svg .ellipboxPC .ellipopPC{-webkit-transform-origin:203pt 202pt;transform-origin:203pt 202pt;opacity:.3;filter:alpha(opacity=30)}
.showSvg>svg .ellipboxPC .ellipopPC.ellipopPC1{-webkit-animation:tocircle 4s linear infinite;animation:tocircle 4s linear infinite}
.showSvg>svg .ellipboxPC .ellipopPC.ellipopPC2{-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}
.showSvg>svg .ellipboxPC .ellipopPC.ellipopPC3{-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}
.showSvg>svg .elliptopPC{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}
}
.showSvg .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}
.showSvg .color_img_one,.gray_img_one{-webkit-animation-delay:3s;animation-delay:3s}
.showSvg .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}
.showSvg .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}
.showSvg .color_img_two,.gray_img_two{-webkit-animation-delay:4s;animation-delay:4s}
.showSvg .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}
.showSvg .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}
.showSvg .color_img_three,.gray_img_three{-webkit-animation-delay:5s;animation-delay:5s}
.showSvg .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}
.showSvg .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}
.showSvg .color_img_four,.gray_img_four{-webkit-animation-delay:6s;animation-delay:6s}
.showSvg .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}
.showSvg .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}
.showSvg .color_img_five,.gray_img_five{-webkit-animation-delay:7s;animation-delay:7s}
.showSvg .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}


footer{background:#0a162b}
.foot{margin:0 2.81804rem 0 1.61031rem;overflow:hidden}
footer .f1{border-bottom:1px solid #4d4e56;display:inline-block;width:100%}
footer .f1 p{color:#b1b1b4;line-height:1.5rem;font-size:.2rem}
footer .f2{display:flex;background:#0a162b;color:#fff;padding:0.48309rem 0;min-width:15rem}
footer .f2 .pinfo{width:50%}
.pdd{display:flex;-webkit-justify-content:space-around;justify-content:space-around;width:50%}
footer .f2 .pinfo .flogo a{display:flex}
footer .f2 .pinfo .flogo{}
footer .f2 .pinfo .flogo img{width:0.65rem;height:0.65rem}
footer .f2 .pinfo .flogo span{margin-left:0.16rem;color:#fff;font-size:.3rem;opacity:.8;line-height:.65rem}
.fapp{display:flex;-webkit-box-pack:start;justify-content:flex-start;-webkit-box-align:center;align-items:center;padding:0.24155rem 0;opacity:.8}
.fapp p{font-size:.2rem}
.fapp a img{width:0.4rem;height:0.4rem;margin-right:0.15rem}
p.fteam{font-size:.2rem;opacity:.8}
.pdd h3{font-size:.33rem;margin-bottom:.25rem}
.pdd li{font-size:.2rem}
.pdd li a{color:#fff;opacity:.8}