@charset "UTF-8";
/* reset */
/*
  *author:Y.Ray
*/
*{margin:0; padding:0;}
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, figure, menu, input, textarea, button, select, th, td iframe{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, b, strong { font-size:100%; font-weight:normal;}
li {list-style:none;}
table{width:100%;border-collapse:collapse;border-spacing:0; }
table td{word-break: break-all; word-wrap:break-word;}
em, i {font-style:normal;}
a, a:visited, a:active {text-decoration:none; border:none; outline:none; color: #333; cursor: pointer;}
a,img { display:block; border:none;}
input, textarea {outline:none;}
select,input{-webkit-appearance:none;-webkit-tap-highlight-color: rgba(3, 3, 3, 0); }
select {outline: medium none;}
textarea {resize: vertical;}
body {-webkit-text-size-adjust:100%; -webkit-tap-highlight-color:rgba(3,3,3,0); -webkit-touch-callout:none; word-wrap:break-word; line-height:1;font-size: 14px;overflow-x: hidden; color: #333;}
body, button, input, select, textarea {font-family: -apple-system,"Microsoft YaHei", BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, "PingFang SC", 'Noto Sans', "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}
input[type="button"] {cursor: pointer;}
::-webkit-input-placeholder {color:#666;} /*placeholder 字体颜色*/
:-moz-placeholder {color:#666;} /*placeholder 字体颜色*/
::-moz-placeholder {color: #666;} /*placeholder 字体颜色*/
:-ms-input-placeholder {color: #666;} /*placeholder 字体颜色*/
.none{display:none;}
.left {float:left;}
.right {float:right;}
.clearfix::after {content:''; clear:both; display:block; height:0; overflow:hidden;visibility:hidden;}
.clearfix {zoom:1;}
.clear{clear: both;}
.cont {width: 7.5rem; margin: auto;}

.banner-bgd{width:7.5rem;height:1.8rem;margin:0 auto;background:url('../images/banner-bgd.png') no-repeat center;background-size:cover;}
.banner{padding:.3rem 0 0;font-size:0;text-align:center;}
.banner h2{padding-left: .2rem;margin-bottom:.2rem;text-align: left;}
.banner h2 i{position:relative;display:inline-block;vertical-align:top;font-size:.38rem;color:#fff;animation:animate 1s ease-in-out 1;animation-delay:calc(.1s * var(--i));}
@keyframes animate{0%{transform:translateY(0);}
20%{transform:translateY(-.24rem);}
40%,100%{transform:translateY(0);}
}
.banner h3{padding-left: .2rem;font-size:.4rem;color:#fff;text-align: left;font-weight:600;}
.dynamic{padding:0 0 .4rem;font-size:0;text-align:center;}
.dynamic-box{width:7.5rem;margin:0 auto .45rem;}
.dynamic .hd{background-color:#dff0ff;}
.dynamic-nav{position:relative;display:flex;flex-wrap:wrap;justify-content:flex-start;width:7.5rem;margin:0 auto;}
.dynamic-nav li label{display:block;position:relative;width:1.85rem;height:.5rem;font-size:.24rem;color:#0e87f7;line-height:.5rem;border-top:.02rem solid #fff;border-right:.02rem solid #fff;}
.dynamic-nav li label span{position:absolute;top:0;left:0;width:1.85rem;text-align:center;z-index:1;}
.dynamic-nav li:nth-of-type(1) label,.dynamic-nav li:nth-of-type(5) label{border-left:.02rem solid #fff;}
.dynamic-nav li input{display:none;}
.selection{display:none;position:absolute;width:1.85rem;height:.5rem;display:block;z-index:0;left:0;top:.02rem;transition:.15s ease;background-color:rgb(11 117 223);}
.dynamic-nav label:has(input:checked) span{color:#fff;}
.dynamic-nav li:nth-child(1):has(input:checked) ~ .selection{transform:translateX(0);}
.dynamic-nav li:nth-child(2):has(input:checked) ~ .selection{transform:translateX(calc(15rem * 1/8));}
.dynamic-nav li:nth-child(3):has(input:checked) ~ .selection{transform:translateX(calc(15rem * 2/8));}
.dynamic-nav li:nth-child(4):has(input:checked) ~ .selection{transform:translateX(calc(15rem * 3/8));}
.dynamic-nav li:nth-child(5):has(input:checked) ~ .selection{transform:translateX(0) translateY(.52rem);}
.dynamic-nav li:nth-child(6):has(input:checked) ~ .selection{transform:translateX(calc(15rem * 1/8)) translateY(.52rem);}
.dynamic-nav li:nth-child(7):has(input:checked) ~ .selection{transform:translateX(calc(15rem * 2/8)) translateY(.52rem);}
.dynamic-nav li:nth-child(8):has(input:checked) ~ .selection{transform:translateX(calc(15rem * 3/8)) translateY(.52rem);}
.dynamic-list{padding:.3rem 0 0;margin:0 auto;}
.dynamic-box .bd h4{font-size:.34rem;color:#0e87f7;font-weight:600;margin-bottom:.26rem;}
.dynamic-bottom li{width:7.4rem;height:.5rem;text-align:left;margin: 0 auto .11rem;background-color:#fff;box-shadow:0 .12rem .46rem rgba(0,0,0,.6);}
.dynamic-bottom li span{display:inline-block;vertical-align:top;width:.3rem;height:.3rem;margin:.1rem .18rem 0 .24rem;background:url('../images/dynamic-bottom-icon.png') no-repeat center;background-size:contain;border-radius:.15rem;box-shadow:0 .05rem .09rem rgba(56,162,254,.27);}
.dynamic-bottom li h5{display:inline-block;vertical-align:top;font-size:.18rem;color:#626262;line-height:.5rem;}
.dynamic-bottom li:hover span{background:url('../images/dynamic-bottom-icon01.png') no-repeat center;background-size:contain;}
.dynamic-bottom li:hover h5{color:#138dff;}
.dynamic .dynamic-tip{width:5.5rem;height:.5rem;font-size:.26rem;color:#fff;line-height:.5rem;text-align:center;border-radius:.3rem;margin:0 auto;background:linear-gradient(to bottom,#6bc3ff,#0081ff);}